/* ============================================================
   Montari — Spacing, radii, layout tokens
   4px base grid. Generous on void black — air is the brand.
   ============================================================ */

:root {
  /* ---- Space scale (4px base) ---- */
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --space-11: 160px;   /* section vertical rhythm */
  --space-12: 220px;   /* hero / breathing sections */

  /* ---- Radii ---- */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-2xl: 32px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* ---- Layout ---- */
  --container: 1200px;       /* default max content width */
  --container-narrow: 760px; /* prose / centered copy */
  --container-wide: 1440px;  /* full-bleed-ish sections */
  --gutter: clamp(20px, 5vw, 88px); /* @kind spacing */
  --section-y: clamp(96px, 12vw, 200px); /* @kind spacing */

  /* ---- Z-index ladder ---- */
  --z-canvas: -10; /* @kind other */
  --z-base: 0; /* @kind other */
  --z-raised: 10; /* @kind other */
  --z-sticky: 100; /* @kind other */
  --z-nav: 200; /* @kind other */
  --z-overlay: 800; /* @kind other */
  --z-modal: 900; /* @kind other */
  --z-cursor: 1000; /* @kind other */
}