/* ==========================================================================
   brand.css
   Single source of truth for site branding: color and typography tokens.
   Change a value here and it updates across every page.
   ========================================================================== */

:root {
  /* Color */
  --bg: #eef1f7;                     /* page background, cold paper blue */
  --fg: #32404f;                     /* primary text, slate            9.4:1 AAA */
  --fg-light: #4a5c6f;               /* secondary text                 6.1:1 AA  */
  --fg-muted: #5a6d80;               /* muted text, metadata           4.7:1 AA  */
  --primary: #8e2b30;                /* accent, links, hover           7.2:1 AAA */
  --border: rgba(50, 64, 79, 0.1);   /* hairline dividers */

  /* Typography */
  --font-display: 'Crimson Pro', Georgia, serif;
  --font-body: 'Inter', Arial, Helvetica, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}