/* ============================================================
   Portalic — Spacing, radii & elevation tokens
   Source: DESIGN.md §4–§5 + dashboard @theme
   Flat by default: shadows only on sticky bars and overlays.
   ============================================================ */
:root {
  /* Spacing scale */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;

  /* Radii — rounded-xl (16px) is the default button + card radius */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  /* Elevation — earned by context, never decoration */
  --shadow-lift-low: 0 -4px 12px rgba(0, 0, 0, 0.06);   /* sticky bottom bars */
  --shadow-sheet: 0 -8px 32px rgba(0, 0, 0, 0.12);      /* bottom sheets, modals */
  --shadow-card-hover: 0 2px 8px rgba(0, 0, 0, 0.08);   /* optional interactive lift */
  --shadow-sticky-top: 0 2px 8px rgba(0, 0, 0, 0.08);   /* pinned category strip */
  --shadow-cta-float: 0 10px 26px rgba(0, 0, 0, 0.18);  /* full-width sheet CTAs */
}