/* ============================================================
   Design tokens — single source of truth for the whole site.
   Loaded FIRST on every page, before any per-template stylesheet.

   Rules (see CLAUDE.md):
   - Never hardcode a brand color in a template sheet; alias these.
   - Per-template sheets may keep their own layout vars, but any
     color/font they share with the rest of the site must point here.
   - resume.css is intentionally Apple-styled and exempt from the
     palette (font only).
   ============================================================ */

:root {
  /* Brand palette */
  --brand-accent: #0059ff; /* the one and only brand blue */
  --brand-ink: #141414;    /* primary text */
  --brand-muted: #5c5c5c;  /* secondary text */
  --brand-soft: #f5f5f5;   /* soft surface / bands */
  --brand-line: #e6e6e6;   /* hairlines / borders */
  --brand-white: #ffffff;

  /* Typography */
  --brand-font:
    "Montserrat", ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Shared layout */
  --brand-nav-max: 1200px;
}