:root {
  --green-primary: #123826;
  --green-deep: #0f2f20;
  --green-overlay: rgba(15, 47, 32, 0.72);
  --red-accent: #ef2b24;
  --red-hover: #c9221c;
  --gold-soft: #b9aa72;
  --gold-light: #d4c99a;
  --white: #ffffff;
  --cream: #f5f0e6;
  --surface-clean: #faf9f6;
  --surface-soft: #f0f3ef;
  --green-soft: #2d5a44;
  --text-muted: #c8c0a8;
  --text-muted-dark: #5c665e;
  --text-dark: #1a1a1a;
  --border-subtle: rgba(18, 56, 38, 0.1);
  --shadow-clean: 0 4px 32px rgba(18, 56, 38, 0.07);
  --shadow-card: 0 2px 20px rgba(18, 56, 38, 0.05);

  --font-body: 'Cabin', sans-serif;
  --font-display: 'Great Vibes', cursive;

  --header-height: 128px;
  --logo-header: 112px;
  --logo-header-scrolled: 92px;
  --logo-footer: 140px;
  --section-padding: 80px;
  --container-max: 1200px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --shadow-soft: 0 4px 24px rgba(0, 0, 0, 0.25);
  --shadow-header: 0 2px 20px rgba(0, 0, 0, 0.4);
  --transition: 0.3s ease;
  --hero-aspect: 1940 / 810;
}

@media (max-width: 768px) {
  :root {
    --section-padding: 56px;
    --header-height: 96px;
    --logo-header: 88px;
    --logo-header-scrolled: 76px;
    --logo-footer: 120px;
    --hero-aspect-mobile: 16 / 10;
  }
}

@media (max-width: 480px) {
  :root {
    --section-padding: 48px;
    --header-height: 88px;
    --logo-header: 78px;
    --logo-header-scrolled: 68px;
    --hero-aspect-mobile: 5 / 4;
  }
}