/*
SEED: 171621

A — Layout: digit 1 → Magazine chaos grid — 12-col asymmetric, sections never align to same column
B — Color: digit 2 → Mid-tone slate (#2a3240) base, sky blue + white type
C — Typography: digit 6 → Display: Clash Display (modern) + Body: Libre Baskerville (serif)
D — Visual lang: digit 1 → Large background numerals (section numbers at 40vw opacity 0.06)
E — Navigation: digit 7 → Inline contextual — no separate nav bar; links embedded in hero section layout
F — Tone: digit 1 → Provocateur — rhetorical questions, subversive takes, second-person confrontational

These choices were determined by the seed and must not be changed.
Tension between content and form is intentional.
*/

:root {
  /* Color mode — mid-tone slate, sky blue, white */
  --color-base: #2a3240;
  --color-base-deep: #1e2430;
  --color-base-lift: #343e4f;
  --color-base-edge: #3f4a5c;
  --color-sky: #7ec8f5;
  --color-sky-hot: #4eb3ef;
  --color-sky-soft: #a8daf8;
  --color-type: #ffffff;
  --color-type-muted: rgba(255, 255, 255, 0.72);
  --color-type-faint: rgba(255, 255, 255, 0.45);
  --color-numeral: rgba(126, 200, 245, 0.06);
  --color-line: rgba(126, 200, 245, 0.28);
  --color-line-soft: rgba(255, 255, 255, 0.12);

  /* Typography — Clash Display + Libre Baskerville */
  --font-display: "Clash Display", "Segoe UI", sans-serif;
  --font-body: "Libre Baskerville", Georgia, serif;

  --fs-hero: clamp(2.4rem, 1.2rem + 5.2vw, 5.25rem);
  --fs-display: clamp(1.85rem, 1.1rem + 2.8vw, 3.25rem);
  --fs-h2: clamp(1.45rem, 1rem + 1.6vw, 2.15rem);
  --fs-h3: clamp(1.15rem, 0.95rem + 0.8vw, 1.45rem);
  --fs-body: clamp(1rem, 0.94rem + 0.28vw, 1.125rem);
  --fs-small: clamp(0.78rem, 0.74rem + 0.18vw, 0.9rem);
  --fs-caption: clamp(0.72rem, 0.68rem + 0.15vw, 0.82rem);
  --fs-numeral: clamp(12rem, 8rem + 32vw, 40vw);

  --lh-tight: 1.05;
  --lh-snug: 1.25;
  --lh-body: 1.7;
  --tracking-display: -0.02em;
  --tracking-label: 0.14em;

  /* Space & rhythm */
  --space-3xs: clamp(0.25rem, 0.2rem + 0.2vw, 0.4rem);
  --space-2xs: clamp(0.4rem, 0.3rem + 0.3vw, 0.65rem);
  --space-xs: clamp(0.65rem, 0.5rem + 0.5vw, 1rem);
  --space-sm: clamp(1rem, 0.8rem + 0.7vw, 1.5rem);
  --space-md: clamp(1.5rem, 1.1rem + 1.2vw, 2.5rem);
  --space-lg: clamp(2.25rem, 1.5rem + 2vw, 4rem);
  --space-xl: clamp(3.5rem, 2rem + 3.5vw, 6.5rem);
  --space-2xl: clamp(5rem, 3rem + 5vw, 9rem);

  --page-pad: clamp(1rem, 0.6rem + 2.2vw, 2.75rem);
  --grid-gap: clamp(0.75rem, 0.4rem + 1.2vw, 1.75rem);
  --radius-none: 0;
  --radius-sm: 2px;
  --max-measure: 38rem;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 180ms;
  --dur-med: 420ms;
  --dur-slow: 780ms;
}