:root {
  --font-display: 'Libre Caslon Text', Georgia, serif;
  --font-body: 'DM Sans', system-ui, sans-serif;
  --font-mono: Consolas, ui-monospace, monospace;

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4rem;
  --space-7: 6rem;
  --card-padding: 2.8rem;
  --section-gap: 4.25rem;

  --radius-sm: 3px;
  --radius-md: 3px;
  --radius-lg: 3px;

  --max-width: 1200px;

  /* Apollo, energized: warm brick atelier lit from within — dark is the
     true brand identity (visible before/without the theme-detection
     script running, and matching the inline script's default in every
     HTML page). Light stays available as the alt theme. */
  --color-bg: #1A100C;
  --color-bg-elevated: #26170F;
  --color-text: #F6EEE5;
  --color-text-muted: #B39985;
  --color-accent: #FF6B3D;
  --color-accent-text: #1A100C;
  --color-accent-2: #8F89FF;
  --color-accent-strong: #FF8F5E;
  --color-border: #402A1E;
  --color-glow: rgba(255, 107, 61, 0.35);
  --color-nav: #120B08;
  --focus-ring: #FF6B3D;
}

:root[data-theme="light"] {
  --color-bg: #F9F8F0;
  --color-bg-elevated: #FCEDE8;
  --color-text: #3C261C;
  --color-text-muted: #7A6656;
  --color-accent: #E97451;
  --color-accent-text: #3C261C;
  --color-accent-2: #4A43DD;
  --color-accent-strong: #C4552F;
  --color-border: #DDDEDF;
  --color-glow: rgba(233, 116, 81, 0.18);
  --color-nav: #3C261C;
  --focus-ring: #E97451;
}