/* ============================================================
   Signature 4 — Spacing & layout tokens
   Generous negative space is core to the brand. 4px base grid;
   section rhythm is deliberately large.
   ============================================================ */
:root {
  /* ---- Spacing scale (4px base) ------------------------------ */
  --space-0:  0;
  --space-1:  0.25rem;   /* 4  */
  --space-2:  0.5rem;    /* 8  */
  --space-3:  0.75rem;   /* 12 */
  --space-4:  1rem;      /* 16 */
  --space-5:  1.5rem;    /* 24 */
  --space-6:  2rem;      /* 32 */
  --space-7:  3rem;      /* 48 */
  --space-8:  4rem;      /* 64 */
  --space-9:  6rem;      /* 96 */
  --space-10: 8rem;      /* 128 */
  --space-11: 11rem;     /* 176 — between major sections */

  /* ---- Section padding (vertical rhythm) --------------------- */
  --section-y:    clamp(4rem, 2rem + 8vw, 9rem); /* @kind spacing */
  --section-y-lg: clamp(6rem, 3rem + 10vw, 11rem); /* @kind spacing */

  /* ---- Layout widths ----------------------------------------- */
  --container:      1280px;  /* standard content max-width @kind spacing */
  --container-wide: 1480px;  /* near full-bleed framed content @kind spacing */
  --measure:        62ch;    /* comfortable reading measure @kind spacing */
  --gutter:         clamp(1.25rem, 0.5rem + 3vw, 3rem); /* @kind spacing */

  /* ---- Radii — pills for actions, square-ish for surfaces ---- */
  --radius-pill: 999px;   /* buttons, tags, ticker chips           */
  --radius-0:    0px;      /* full-bleed photo cards (the default) */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   14px;

  /* ---- Border widths ----------------------------------------- */
  --border-hair: 1px;
  --border-cta:  1.5px;    /* ghost button outline                */
}