/*
 * Shared brand tokens for the Mathdoku website and the Designer app.
 *
 * Single source of truth: the site pages link this file directly, and the
 * app bundle pulls it in via a `data-trunk` link in apps/designer/index.html
 * (before styles.css, so the tokens are defined first). Change a color or
 * font stack here and both the site and the app pick it up — they cannot
 * drift.
 *
 * Font *loading* is not handled here: each page keeps its own Google Fonts
 * <link> tags (with preconnect), which is faster than a CSS @import.
 */
:root {
  --paper-bg: #f4efe6;
  --paper-ink: #26221b;
  --paper-ink-2: #5c564a;
  --paper-ink-3: #8b8476;
  --paper-line: #b9ad93;
  --paper-accent: #1a4e7a;

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