/*
 * Design tokens for Project Berger.
 * Source: _bmad-output/planning-artifacts/ux-designs/ux-ProjectBerger-2026-07-01/DESIGN.md
 * Governed by ARCHITECTURE-SPINE.md AD-2: single-sourced here as CSS custom
 * properties, referenced by var() everywhere else. No raw hex/px for a
 * tokenized concern anywhere outside this file.
 */

/* Titles use the same style as the "BERGER" wordmark in badge-logo.png:
   bold, condensed, all-caps sans-serif. Anton is Google Fonts' closest
   free match — self-hosted, no external CDN call. */
@font-face {
  font-family: "Anton";
  src: url("fonts/Anton-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-background: #FAFAFA;
  --color-surface: #FFFFFF;
  --color-primary: #8F2E24;
  --color-secondary: #6C7A4E;
  --color-accent: #C0574A;
  --color-text-primary: #2C2016;
  --color-text-secondary: #6B5C4E;
  --color-border: #E6D9C7;

  --font-headline: "Anton", Georgia, "Iowan Old Style", "Palatino Linotype", "Book Antiqua", serif;
  --font-weight-headline: 400;
  --font-body: sans-serif;
  --font-weight-body: 400;
  --font-ui: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-weight-ui: 600;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
}