/* ──────────────────────────────────────────────────────────
   DESIGN TOKENS — single source of truth for the whole site.
   Used by the landing page and the blog. Do not redefine these
   anywhere else; reference them with var(--token).
   ────────────────────────────────────────────────────────── */
:root {
  /* Surfaces — dark */
  --ink:        #0A0A0A;
  --ink-2:      #141414;
  --ink-3:      #1F1F1F;

  /* Surfaces — light */
  --paper:      #F6F6F2;
  --paper-2:    #EDEDE7;

  /* Grays */
  --gray-6:     #6E6E68;
  --gray-5:     #8A8A85;
  --gray-4:     #A8A8A2;
  --gray-3:     #C9C9C2;
  --gray-2:     #D6D6D0;
  --gray-1:     #E8E8E2;

  /* Rules */
  --rule-soft:  #D2D2CC;
  --rule-dark:  #2A2A2A;

  /* Misc */
  --white:      #F6F6F2;

  /* Accent — used for the nav active-section underline. Kept within
     the monochrome palette on purpose (the site is deliberately sober). */
  --accent:     var(--paper);

  /* Type */
  --font-sans:  'Geist', system-ui, sans-serif;
  --font-mono:  'Geist Mono', 'Courier New', monospace;
  --font-serif: 'Newsreader', Georgia, serif;
}