/* =====================================================================
   Masthead · design tokens
   The newsroom. Light is "Morning edition" (newsprint, ink); dark is "Late edition".
   --red is the one accent (the masthead rule, buttons, links, the live dot, kickers).
   --note is only for corrections and clarifications.
   --paid (a background; --paid-ink for text) is only for sponsored content and paid ads.
   ===================================================================== */
:root {
  color-scheme: light;
  --paper: #f8f6f1;
  --card: #ffffff;
  --well: #efebe2;
  --line: #ddd7ca;
  --ink: #121212;
  --ink-2: #36342f;
  --muted: #5e5a52;
  --red: #b3121a;
  --red-2: #8f0e15;
  --on-red: #ffffff;
  --red-soft: #f8e1df;
  --note: #1f5aa6;
  --note-soft: #e2ebf7;
  --paid: #f3dc8b;
  --paid-ink: #5a4300;
  --focus: #1f5aa6;
  --shadow-card: 0 1px 2px rgba(18, 18, 18, 0.05), 0 12px 28px -22px rgba(18, 18, 18, 0.3);
  --shadow-lift: 0 26px 52px -28px rgba(18, 18, 18, 0.42);

  --display: "Newsreader", Georgia, "Times New Roman", serif;
  --serif: "Newsreader", Georgia, "Times New Roman", serif;
  --body: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;

  --fs-h1: clamp(40px, 5.4vw, 80px);
  --fs-h2: clamp(30px, 3.4vw, 48px);
  --fs-h3: 22px;
  --fs-lead: clamp(17.5px, 1.35vw, 20.5px);
  --fs-body: 17px;
  --fs-small: 15px;
  --fs-label: 12px;

  --wrap: 1200px;
  --gutter: max(20px, 4vw);
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 40px; --s-7: 64px; --s-8: 104px;

  --r-s: 3px;
  --r-m: 6px;
  --r-l: 10px;
  --r-pill: 999px;

  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --snap: cubic-bezier(0.34, 1.56, 0.64, 1);
  --d-fast: 150ms;
  --d: 300ms;
  --d-slow: 900ms;
}

/* ---------- Late edition ---------- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #131210;
    --card: #1b1a17;
    --well: #171613;
    --line: #2e2c27;
    --ink: #f1eee7;
    --ink-2: #d4d0c6;
    --muted: #a39e93;
    --red: #ff8a80;
    --red-2: #ffaba3;
    --on-red: #3a0604;
    --red-soft: #3a1714;
    --note: #8fb8ff;
    --note-soft: #182538;
    --paid: #4a3c10;
    --paid-ink: #f3d77a;
    --focus: #8fb8ff;
    --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 16px 34px -20px rgba(0, 0, 0, 0.85);
    --shadow-lift: 0 30px 60px -26px rgba(0, 0, 0, 0.9);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #131210;
  --card: #1b1a17;
  --well: #171613;
  --line: #2e2c27;
  --ink: #f1eee7;
  --ink-2: #d4d0c6;
  --muted: #a39e93;
  --red: #ff8a80;
  --red-2: #ffaba3;
  --on-red: #3a0604;
  --red-soft: #3a1714;
  --note: #8fb8ff;
  --note-soft: #182538;
  --paid: #4a3c10;
  --paid-ink: #f3d77a;
  --focus: #8fb8ff;
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 16px 34px -20px rgba(0, 0, 0, 0.85);
  --shadow-lift: 0 30px 60px -26px rgba(0, 0, 0, 0.9);
}