/* =============================================================
   COPYWRITING DATA — Spacing & Layout Tokens
   ============================================================= */

:root {
  /* ── Base Scale (4px unit) ──────────────────────────────────── */
  --space-0:   0;
  --space-1:   0.25rem;    /* 4px */
  --space-2:   0.5rem;     /* 8px */
  --space-3:   0.75rem;    /* 12px */
  --space-4:   1rem;       /* 16px */
  --space-5:   1.25rem;    /* 20px */
  --space-6:   1.5rem;     /* 24px */
  --space-7:   1.75rem;    /* 28px */
  --space-8:   2rem;       /* 32px */
  --space-10:  2.5rem;     /* 40px */
  --space-12:  3rem;       /* 48px */
  --space-16:  4rem;       /* 64px */
  --space-20:  5rem;       /* 80px */
  --space-24:  6rem;       /* 96px */
  --space-32:  8rem;       /* 128px */
  --space-40:  10rem;      /* 160px */
  --space-48:  12rem;      /* 192px */

  /* ── Semantic Spacing ───────────────────────────────────────── */
  --spacing-section: var(--space-24);   /* vertical section padding */
  --spacing-block:   var(--space-16);   /* block-level gaps */
  --spacing-card:    var(--space-8);    /* card internal padding */
  --spacing-tight:   var(--space-6);    /* tight stacks */
  --spacing-inline:  var(--space-4);    /* inline gaps */

  /* ── Border Radius ──────────────────────────────────────────── */
  --radius-none: 0;
  --radius-sm:   2px;
  --radius-md:   4px;
  --radius-lg:   8px;
  --radius-xl:   12px;
  --radius-2xl:  20px;
  --radius-pill: 9999px;

  /* ── Max Widths ─────────────────────────────────────────────── */
  --max-width-text:  65ch;
  --max-width-card:  400px;
  --max-width-page:  1200px;
  --max-width-wide:  1440px;

  /* ── Z-Index Scale ──────────────────────────────────────────── */
  --z-base:     0;    /* @kind other */
  --z-raised:   10;   /* @kind other */
  --z-overlay:  100;  /* @kind other */
  --z-modal:    200;  /* @kind other */
  --z-toast:    300;  /* @kind other */
}