:root {
  /* Dark sections (espresso, not pure black) */
  --color-dark: #0A0A0A;
  --color-dark-deeper: #000000;
  --color-dark-panel: #171717;

  /* Light/cream sections */
  --color-cream: #F7EFE1;
  --color-cream-panel: #FDF8F0;

  /* Text */
  --color-text-on-dark: #F7EFE1;
  --color-text-muted-on-dark: #C9B8A8;
  --color-text-on-cream: #2A1B12;
  --color-text-muted-on-cream: #6B5C4D;

  /* Accent - burnt copper/rust, distinct from generic gold. Chosen to meet
     WCAG AA (4.5:1) as both text-on-cream and cream-text-on-accent-background */
  --color-accent: #A44427;
  --color-accent-bright: #E2723F;
  --color-accent-gold: #8F6318; /* darkened from #C99A3D — old value was 2.25:1 on cream (fails AA), this is 4.64:1 (passes) */

  /* Borders */
  --border-on-dark: rgba(247, 239, 225, 0.14);
  --border-on-cream: rgba(42, 27, 18, 0.14);

  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'Karla', Arial, sans-serif;

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 7rem;

  --max-width: 1200px;
  --radius: 6px;
  --radius-lg: 16px;
  --shadow-card: 0 20px 40px -16px rgba(28, 18, 12, 0.35);
}