/* Design tokens — single source of truth. Loaded by both layouts. */

@font-face {
  font-family: 'Libre Franklin'; font-style: normal; font-weight: 400;
  font-display: swap; src: url('../fonts/libre-franklin-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Libre Franklin'; font-style: normal; font-weight: 600;
  font-display: swap; src: url('../fonts/libre-franklin-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Libre Franklin'; font-style: normal; font-weight: 700;
  font-display: swap; src: url('../fonts/libre-franklin-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Libre Franklin'; font-style: normal; font-weight: 900;
  font-display: swap; src: url('../fonts/libre-franklin-900.woff2') format('woff2');
}
@font-face {
  font-family: 'Source Serif 4'; font-style: normal; font-weight: 400;
  font-display: swap; src: url('../fonts/source-serif-4-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Source Serif 4'; font-style: normal; font-weight: 600;
  font-display: swap; src: url('../fonts/source-serif-4-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Source Serif 4'; font-style: normal; font-weight: 700;
  font-display: swap; src: url('../fonts/source-serif-4-700.woff2') format('woff2');
}

:root {
  --ink: #0d0d0d;
  --paper: #ffffff;
  --muted: #6b6b6b;
  --rule: #e6e6e6;
  --accent: #d81f2a;
  --accent-ink: #ffffff;

  --font-display: 'Libre Franklin', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Source Serif 4', Georgia, 'Times New Roman', serif;

  --t-hero: 2.5rem;
  --t-h1: 2.125rem;
  --t-h2: 1.6875rem;
  --t-stream: 1.25rem;
  --t-card: 1rem;
  --t-body: 1.0625rem;
  --t-small: 0.8125rem;
  --t-kicker: 0.6875rem;

  --lh-tight: 1.06;
  --lh-body: 1.65;
  --tracking-display: -0.02em;
  --tracking-kicker: 0.11em;

  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px;

  --measure: 660px;
  --wide: 1100px;
  --rail-w: 300px;

  /* tier-tunable defaults — overridden per edition tier in editions.css */
  --hero-img-h: 380px;
  --row-gap: var(--s5);
}