:root {
  /* Colors */
  --color-bg-cream: #FAF3E7;
  --color-bg-cream-alt: #F5EAD6;
  --color-bg-dark: #1f150a;
  --color-bg-dark-alt: #2e1f10;
  --color-text-dark: #201A12;
  --color-text-muted: #6B6153;
  --color-text-light: #F5F5F3;
  --color-accent-yellow: #FFC107;
  --color-accent-orange: #FF6B00;
  --gradient-accent: linear-gradient(135deg, var(--color-accent-yellow), var(--color-accent-orange));
  --gradient-accent-flat: linear-gradient(100deg, var(--color-accent-yellow), var(--color-accent-orange));

  --card-border-light: rgba(0, 0, 0, 0.08);
  --card-border-dark: rgba(255, 193, 7, 0.3);
  --card-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  --card-shadow-hover: 0 12px 32px rgba(255, 107, 0, 0.22);

  /* Typography */
  --font-heading: 'Oswald', sans-serif;
  --font-body: 'Inter', sans-serif;

  /* Spacing / radius */
  --section-padding-x: clamp(20px, 6vw, 80px);
  --section-padding-y: 90px;
  --radius-card: 14px;
  --radius-btn: 10px;

  --header-height: 76px;
}