/* ── Design tokens + reset ────────────────────────────── */

:root {
  --paper: #ffffff;
  --paper-2: #f6f6f4;
  --card: #ffffff;
  --ink: #282828;
  --ink-soft: #504945;
  --muted: #676767;
  --faint: #969696;
  --line: rgba(40, 40, 40, 0.1);
  --line-soft: rgba(40, 40, 40, 0.07);
  --accent: #4f6f64;
  --accent-soft: rgba(79, 111, 100, 0.1);
  --accent-line: rgba(79, 111, 100, 0.28);

  --font-serif: 'Newsreader', Georgia, serif;
  --font-sans: 'Inter', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

::selection { background: var(--accent-soft); }