:root {
  --bg-base:         #FAF5EE;
  --bg-elevated:     #FFFFFF;
  --bg-section-dark: #0F0A07;
  --bg-cta-band:     #A83A0A;

  --gold:        #FF5500;
  --gold-hover:  #F55200;
  --gold-deep:   #993300;
  --gold-soft:   #FFEBE0;

  --text-primary:   #1F1611;
  --text-secondary: #6B5B4C;
  --text-muted:     #9A8B7C;
  --text-on-gold:   #1F1611;
  --text-on-dark:   #F5EBE0;

  --border-subtle: #EFE5D6;
  --border-strong: #FF5500;
  --shadow-card:       0 2px 12px rgba(31, 22, 17, 0.06);
  --shadow-card-hover: 0 12px 32px rgba(31, 22, 17, 0.12);
  --shadow-gold:       0 8px 24px rgba(255, 85, 0, 0.4);

  --ease-out: cubic-bezier(0.25, 0.1, 0, 1);
  --speed: 300ms;

  --font-script: 'Great Vibes', cursive;
  --font-sans: 'Inter', system-ui, sans-serif;

  --fs-eyebrow: 0.75rem;
  --fs-sm:      0.875rem;
  --fs-base:    1rem;
  --fs-lg:      1.125rem;
  --fs-h4:      1.25rem;
  --fs-h3:      1.5rem;
  --fs-h2:      clamp(1.75rem, 4vw, 2.25rem);
  --fs-h1:      clamp(2.5rem, 6vw, 3.5rem);
  --fs-hero:    clamp(2.75rem, 7vw, 4.5rem);
}

[data-theme="dark"] {
  --bg-base:         #14100C;
  --bg-elevated:     #1F1812;
  --bg-section-dark: #0A0705;
  --bg-cta-band:     #FF5500;

  --gold:        #FF7733;
  --gold-hover:  #FF5500;
  --gold-deep:   #FF5C0A;
  --gold-soft:   #2E1608;

  --text-primary:   #F5EBE0;
  --text-secondary: #B8A795;
  --text-muted:     #8A7B6C;
  --text-on-gold:   #1F1611;
  --text-on-dark:   #F5EBE0;

  --border-subtle: #2A1F18;
  --border-strong: #FF7733;
  --shadow-card:       0 2px 12px rgba(0, 0, 0, 0.4);
  --shadow-card-hover: 0 12px 32px rgba(0, 0, 0, 0.6);
  --shadow-gold:       0 8px 24px rgba(255, 119, 51, 0.35);
}