/* Hallmark · genre: editorial · macrostructure: Manifesto · theme: Newsprint
 * tone: declaration-premium · anchor: linen 82 · ink 190 · accent 115 (padel ball)
 * nav: N6 Newspaper masthead · footer: Ft2 Inline rule single line
 * enrichment: brand logo in masthead
 * fonts: Big Shoulders Display 900 (display) · Newsreader 300/300i (body)
 * pre-emit critique: P5 H5 E4 S5 R5 V4
 */

:root {
  /* ── Colour — sandy linen paper, warm charcoal ink, padel-ball green ─ */
  --color-paper:      oklch(94%    0.018  82);   /* sandy linen */
  --color-paper-2:    oklch(90%    0.016  82);
  --color-paper-3:    oklch(85%    0.014  82);
  --color-rule:       oklch(76%    0.012  82);
  --color-muted:      oklch(53%    0.010  90);
  --color-ink-2:      oklch(36%    0.012  190);
  --color-ink:        oklch(22%    0.015  190);  /* warm charcoal */
  --color-accent:     oklch(72%    0.24   115);  /* yellow-green / padel ball */
  --color-accent-dim: oklch(64%    0.22   115);
  --color-on-accent:  oklch(22%    0.015  190);  /* dark text on accent button */
  --color-focus:      oklch(65%    0.20   115);

  /* Bleed — warm charcoal dark section */
  --color-bleed:      oklch(22%    0.015  190);
  --color-bleed-2:    oklch(29%    0.013  190);
  --color-on-bleed:   oklch(94%    0.018  82);   /* linen on charcoal */
  --color-on-bleed-2: oklch(71%    0.010  82);

  /* ── Typography ───────────────────────────────────────────────────── */
  --font-display: "Big Shoulders Display", "Arial Narrow", Impact, sans-serif;
  --font-body:    "Newsreader", "Georgia", ui-serif, serif;

  /* Type scale — 1.25 major third */
  --text-xs:        0.64rem;
  --text-sm:        0.8rem;
  --text-base:      1rem;
  --text-md:        1.25rem;
  --text-lg:        1.5625rem;
  --text-xl:        1.9531rem;
  --text-2xl:       2.4414rem;
  --text-3xl:       3.0518rem;
  --text-4xl:       3.8147rem;
  --text-display-s: clamp(2rem,   5vw + 0.5rem, 4rem);
  --text-display:   clamp(4.5rem, 11vw + 0.5rem, 8.5rem);

  /* ── Spacing — 4pt scale ──────────────────────────────────────────── */
  --space-xs:   0.25rem;
  --space-sm:   0.5rem;
  --space-md:   1rem;
  --space-lg:   2rem;
  --space-xl:   3.5rem;
  --space-2xl:  6rem;
  --space-3xl:  9rem;

  /* ── Layout ───────────────────────────────────────────────────────── */
  --content-max:    76rem;
  --content-mid:    58rem;
  --content-narrow: 42rem;
  --content-pad:    clamp(1.25rem, 5vw, 3.5rem);

  /* ── Motion ───────────────────────────────────────────────────────── */
  --dur-short:    120ms;
  --dur-mid:      240ms;
  --dur-long:     480ms;
  --ease-out:     cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:      cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out:  cubic-bezier(0.37, 0, 0.63, 1);

  /* ── Z-index scale ────────────────────────────────────────────────── */
  --z-base:     0;
  --z-raised:   10;
  --z-overlay:  20;
  --z-modal:    30;
  --z-toast:    40;
  --z-top:      50;
}