/* ============================================================
   isoBOLD — SPACING, RADII, BORDERS, ELEVATION
   4px base grid. Squared-off radii (the system is structural and
   rectilinear). Elevation is communicated mostly by surface
   lightness and hairline borders — shadows are quiet.
   ============================================================ */

:root {
  /* ---------- SPACING (4px base) ---------- */
  --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;

  /* ---------- RADII (squared-off) ---------- */
  --radius-none: 0;
  --radius-sm:   2px;     /* chips, tags, mono pills, fig boxes   */
  --radius-md:   4px;     /* buttons, inputs, toggles            */
  --radius-lg:   6px;     /* small cards, menus                  */
  --radius-xl:   10px;    /* KPI / content cards                 */
  --radius-2xl:  14px;    /* large showpiece panels             */
  --radius-full: 9999px;  /* avatars, status dots only          */

  /* ---------- BORDER WIDTHS ---------- */
  --border-w:   1px;
  --border-w-2: 2px;

  /* ---------- ELEVATION ---------- */
  /* Dark surfaces lean on lightness + hairlines; these are subtle. */
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.40);
  --shadow-md:  0 4px 16px rgba(0,0,0,0.40);
  --shadow-lg:  0 18px 50px rgba(0,0,0,0.55);
  /* paper sheets get a soft physical lift */
  --shadow-sheet: 0 2px 12px rgba(0,0,0,0.10);
  /* the one "glow": gold-lit showpiece accent */
  --glow-gold: 0 0 40px rgba(201,162,75,0.28);

  /* ---------- MOTION ---------- */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);   /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);    /* @kind other */
  --dur-fast: 120ms;   /* @kind other */
  --dur:      200ms;   /* @kind other */
  --dur-slow: 360ms;   /* @kind other */

  /* ---------- BLUEPRINT GRID ---------- */
  --grid-size: 32px;
  --grid-line-dark:  rgba(255,255,255,0.02);
  --grid-line-paper: rgba(20,22,26,0.045);
}