/* ============================================
   Design tokens — the single source of truth for the palette + base font,
   shared by style.css (home) and pages-style.css (subpages).
   Loaded before both via BaseLayout. Change a brand color here, once.
   ============================================ */
:root {
  /* Color Palette */
  --color-base: #ddc9a3;
  --color-primary-red: #D43620;
  --color-orange: #CB6335;
  --color-tan: #DF9A62;
  --color-teal: #7DA797;
  --color-blue: #045C7D;
  --color-navy: #001741;
  --color-light: #f5e8d5;
  --color-white: #fff9f0;

  /* Base typography */
  --font-family: 'Courier New', monospace;
}