/* Chapter 006 — shared design tokens + base
   Loaded by index.html, proposal.html, execution.html.
   Page-specific component CSS stays inline in each page.
   The decks (deck.html, deck-artist.html) use their own token set. */

@font-face {
  font-family: "Helvetica Now Display";
  src: url("fonts/HelveticaNowDisplay-Regular.ttf") format("truetype");
  font-weight: 400; font-display: swap;
}
@font-face {
  font-family: "Fragment Mono";
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/fragment-mono@latest/latin-400-normal.woff2") format("woff2");
  font-weight: 400; font-display: swap;
}

:root {
  --ink: #000000; --paper: #fafafa; --white: #ffffff;
  --muted: #8a8a8a; --muted-2: #6b675f; --line: #1a1a1a;
  --wb: #88aacc; --bb: #cc88aa;
  --sans: "Helvetica Now Display", "Helvetica Neue", Arial, sans-serif;
  --mono: "Fragment Mono", ui-monospace, monospace;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: var(--ink); color: var(--paper); font-family: var(--sans);
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
  font-kerning: none; letter-spacing: -0.005em; line-height: 1.5; overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }