/* ============================================================
   tokens.css — Design tokens (single source of truth)
   The ONLY place raw colors, fonts, and sizing constants live.
   Change a brand value here and it propagates everywhere.
   ============================================================ */
:root {
  /* Ink / surface scale */
  --ink: #0D0F10;
  --ink-2: #161819;
  --ink-3: #1D2021;

  /* Paper / text scale */
  --paper: #F3EEE4;
  --paper-dim: #A6A196;
  --paper-faint: #6E6A62;

  /* Accents */
  --copper: #C08552;
  --copper-soft: rgba(192, 133, 82, 0.16);
  --verdigris: #7C9A8E;

  /* Hairlines */
  --hairline: rgba(243, 238, 228, 0.13);
  --hairline-strong: rgba(243, 238, 228, 0.24);

  /* Typography */
  --font-serif: 'Newsreader', serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

  /* Layout constants */
  --nav-h: 76px;
  --content-max: 1180px;
  --content-pad: 32px;
}