:root {
  --main-red: #8e1500;
  --main-light-yellow: #fff0a4;
  --main-white: #ffffff;
  --main-gray: #8c827b;
  --main-black: #000000;
  --main-dark-green: #335522;
  --secondary-yellow: #ffb03a;
  --secondary-green: #4b852d;
  --secondary-light-brown: #8e3400;
  --secondary-dark-brown: #4d351e;
  --secondary-light-yellow: #fff5c2;
  --secondary-light-green: #6e9c57;
  --secondary-beige: #dbccc3;
  --secondary-orange: #b64a26;

  --spacing-xxs: 0.35rem;
  --spacing-xs: 0.75rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4.5rem;

  --radius-sm: 0.75rem;
  --radius-md: 1.5rem;
  --radius-lg: 2.5rem;
  --radius-xl: 3rem;
  --radius-2xl: 3.5rem;
  --radius-full: 999px;
  --spacing-xs: 0.75rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4.5rem;

  --radius-sm: 0.75rem;
  --radius-md: 1.5rem;
  --radius-lg: 2.5rem;
  --radius-full: 999px;

  --font-size-xs: 0.85rem;
  --font-size-sm: 0.95rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.15rem;
  --font-size-xl: 1.4rem;
  --font-size-2xl: 2rem;
  --font-size-3xl: 2.75rem;
  --font-size-4xl: 4rem;
  --font-size-5xl: 5.5rem;

  --container-width: 5000px;
  --transition-fast: 180ms;
  --transition-medium: 280ms;
  --transition-slow: 420ms;
  --shadow-soft: 0 18px 50px rgba(0, 0, 0, 0.12);
  --shadow-card: 0 18px 40px rgba(0, 0, 0, 0.08);
  --shadow-elevated: 0 24px 60px rgba(0, 0, 0, 0.14);

  --text-primary: #1f1a17;
  --text-secondary: #504542;
  --surface: #f7f1ec;
  --surface-strong: #fffdf9;
  --border: rgba(139, 115, 96, 0.18);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    scroll-behavior: auto;
  }
}