/* ELVAR design tokens v4 — Final Build Prompt (2026-09-30).
   Visual identity preserved: Instrument Serif display, Inter body,
   IBM Plex Mono labels; warm paper, deep ink, deep-green accent, hairlines.
   No shadows. No gradients. No stock imagery. */
:root {
  --paper: #F2EFE7;
  --paper-2: #E9E5DA;
  --ink: #14161A;
  --ink-2: #1E2126;
  --muted: #5B5F66;          /* 5.58:1 on paper — body secondary */
  --accent: #1F4D3A;         /* 8.38:1 on paper — the only accent */
  --accent-ink: #F2EFE7;     /* text on accent */
  --hairline: #D8D3C4;      /* 1px rules on paper */
  --hairline-ink: #2E3238;  /* 1px rules on ink */

  /* Designed dark surfaces (explicit classes, not inversion) */
  --on-ink: #F2EFE7;
  --on-ink-mute: #B9B3A6;    /* 8.7:1 on ink — dark-section secondary */
  --on-ink-faint: #8F8A7D;

  --focus: #1F4D3A;
  --focus-on-dark: #A8CBB6;  /* 10.3:1 on ink — visible focus on dark */

  --header-h: 72px;
  --radius: 2px;

  --font-display: "Instrument Serif", Georgia, serif;
  --font-sans: "Inter", -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;

  /* 8px spacing scale */
  --s1: 8px; --s2: 16px; --s3: 24px; --s4: 32px;
  --s5: 40px; --s6: 48px; --s7: 56px; --s8: 64px;

  --sec-pad: 64px;
  --wrap: 1200px;
}

@media (min-width: 768px) {
  :root { --sec-pad: 96px; }
}
@media (min-width: 1024px) {
  :root { --sec-pad: 128px; }
}