:root {
  --brand-espresso: #1E1712;
  --brand-gold: #F0A500;
  --brand-gold-hover: #D99400;
  --brand-terracotta: #C9472A;
  --brand-clay: #B89578;
  --brand-parchment: #F7F0E6;
  --brand-cocoa: #5C4033;
  --bg-primary: #F7F0E6;
  --bg-surface: #FEFCF9;
  --bg-muted: #EDE7DF;
  --text-primary: #352318;
  --text-secondary: #5C4033;
  --text-muted: #8B7355;
  --text-on-dark: #FFFFFF;
  --text-on-dark-muted: rgba(255, 255, 255, 0.8);
  --text-on-dark-subtle: rgba(255, 255, 255, 0.53);
  --status-pass: #4A7C3F;
  --font-display: 'Fraunces', serif;
  --font-body: 'DM Sans', sans-serif;
  --font-mono: 'DM Mono', monospace;
  --font-logo: 'Poppins', sans-serif;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 80px;
  --space-5xl: 96px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --max-width: 1312px;
  --page-padding: 64px;
}

@media (max-width: 768px) {
  :root {
    --page-padding: 24px;
  }
}