/* ============================================================
   Evalation - Spacing, radius, shadow, motion, layout tokens
   Base grid: 4px. Panels 12-20px radius, buttons 10px.
   ============================================================ */
:root {
  /* --- spacing (4px base grid) --- */
  --space-0:  0;
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* --- radius --- */
  --radius-xs:   6px;
  --radius-sm:   8px;
  --radius-md:   10px;   /* buttons, inputs */
  --radius-lg:   12px;   /* small cards, badges-square */
  --radius-xl:   16px;   /* cards */
  --radius-2xl:  20px;   /* panels, hero */
  --radius-pill: 999px;  /* status pills */
  --radius-full: 50%;    /* avatars, dots */

  /* --- shadows (dark-first: subtle, cool) --- */
  --shadow-sm:  0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md:  0 6px 20px rgba(3, 7, 18, 0.55);
  --shadow-lg:  0 18px 48px rgba(3, 7, 18, 0.65);
  --shadow-glow: 0 0 0 1px rgba(15, 82, 255, 0.4), 0 8px 30px rgba(15, 82, 255, 0.25);
  /* inner sheen used on inset wells */
  --shadow-inset: inset 0 1px 0 rgba(130, 160, 230, 0.06);

  /* --- motion --- */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --dur-fast:    120ms; /* @kind other */
  --dur-base:    200ms; /* @kind other */
  --dur-slow:    320ms; /* @kind other */

  /* --- layout --- */
  --container:      1200px; /* @kind spacing */
  --container-wide: 1360px; /* @kind spacing */
  --grid-motif:     44px; /* @kind spacing */
}