/* ============================================================
   Vitaalands — Spacing, radius, elevation tokens
   8-point grid with micro values. Calm, generous rhythm.
   ============================================================ */

:root {
  /* ---- Spacing scale (8-pt + micro) ---- */
  --space-0:  0;
  --space-1:  2px;
  --space-2:  4px;
  --space-3:  8px;
  --space-4:  12px;
  --space-5:  16px;
  --space-6:  20px;
  --space-7:  24px;
  --space-8:  32px;
  --space-9:  40px;
  --space-10: 48px;
  --space-11: 64px;
  --space-12: 80px;

  /* ---- Radii (chips → buttons → cards → sheets) ---- */
  --radius-xs:   8px;    /* chips, small inputs */
  --radius-sm:   12px;   /* buttons, inputs */
  --radius-md:   16px;   /* inner blocks, list rows */
  --radius-lg:   24px;   /* cards (card spec: 24px) */
  --radius-xl:   28px;   /* glass-2 panels */
  --radius-2xl:  32px;   /* glass-3 / sheets / modals */
  --radius-pill: 9999px; /* pills, badges, avatars */

  /* ---- Glass blur levels ---- */
  --blur-1: 12px;
  --blur-2: 20px;
  --blur-3: 28px;

  /* ---- Elevation (cockpit shadows — soft, deep, low-spread) ---- */
  --elev-1: 0 2px 16px rgba(0, 0, 0, 0.25);
  --elev-2: 0 8px 32px rgba(0, 0, 0, 0.40), inset 0 1px 0 rgba(255, 255, 255, 0.07);
  --elev-3: 0 24px 64px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.10);
  --elev-glow: 0 0 0 1px rgba(99, 102, 241, 0.28), 0 0 32px rgba(99, 102, 241, 0.18);

  /* ---- Motion (calm springs / gentle eases — no bounce, no confetti) ---- */
  --ease-calm: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast:  0.18s; /* @kind other */
  --dur-base:  0.3s; /* @kind other */
  --dur-slow:  0.6s; /* @kind other */

  /* ---- Hit target (accessibility floor) ---- */
  --hit-min: 44px;

  /* ---- Layout ---- */
  --container-max: 1152px;  /* max-w-6xl */
  --gutter:        20px;
}