/* ------------------------------------------------------------------
   Canonical theme tokens (colors + typefaces used across the app).
   Import this file from Theme.css, design-tokens.css, Navigation/variables.css,
   BlogIndex.css, etc. index.html loads /theme-tokens.css (public copy; run sync-theme-tokens).
   Do not duplicate these custom properties elsewhere.
   ------------------------------------------------------------------ */

:root {
  --font-serif: 'Playfair Display', 'Times New Roman', Georgia, serif;
  --font-body: 'Source Serif Pro', Georgia, serif;
  --font-sans: 'IBM Plex Sans', -apple-system, system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

  --color-paper: #fcfaf7;
  --color-paper-rgb: 252, 250, 247;
  --color-paper-dark: #f5f2ed;

  --color-ink-dark: #1a1a1a;
  --color-ink-dark-rgb: 26, 26, 26;
  --color-ink-medium: #333333;
  --color-ink-medium-rgb: 51, 51, 51;
  --color-ink-light: #666666;
  --color-ink-light-rgb: 102, 102, 102;

  --color-code-bg: rgba(26, 26, 26, 0.07);
  --color-code-border: rgba(26, 26, 26, 0.12);

  --color-accent: #d32f2f;
  --color-accent-hover: #b71c1c;
  --color-accent-rgb: 211, 47, 47;
  --color-accent-light: rgba(var(--color-accent-rgb), 0.08);
}