/*
  THEME.CSS
  ---------
  These are fallback/default values only. At runtime, main.js reads
  data/brand.json and overrides these custom properties on :root,
  so brand.json is the actual source of truth for a live site.
  Keeping defaults here means the site still looks correct even
  if brand.json fails to load.
*/

:root {
  --color-bg: #F7F8F6;
  --color-bg-alt: #10262E;
  --color-primary: #0F4C5C;
  --color-accent: #C97B2E;
  --color-text: #1B2426;
  --color-text-inverse: #F2F3EE;
  --color-border: #D8DCD3;

  --font-display: 'Archivo', sans-serif;
  --font-body: 'Inter', sans-serif;

  --max-width: 1120px;
  --radius: 2px;
}