:root {
  --color-primary: #1D4A2E;
  --color-primary-light: #2E6B43;
  --color-accent: #B5813A;
  --color-accent-light: #D4A55A;
  --color-bg: #FAF8F3;
  --color-bg-dark: #1A1A18;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F2EFE8;
  --color-text: #1C1C1A;
  --color-text-muted: #6B6760;
  --color-text-light: #FAF8F3;
  --color-border: rgba(28,28,26,0.12);
  --color-border-strong: rgba(28,28,26,0.25);

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;
  --space-2xl: 9rem;

  --text-xs: clamp(0.75rem, 1vw, 0.875rem);
  --text-sm: clamp(0.875rem, 1.2vw, 1rem);
  --text-base: clamp(1rem, 1.5vw, 1.125rem);
  --text-md: clamp(1.125rem, 2vw, 1.375rem);
  --text-lg: clamp(1.5rem, 3vw, 2rem);
  --text-xl: clamp(2rem, 5vw, 3.5rem);
  --text-2xl: clamp(3rem, 7vw, 5.5rem);
  --text-hero: clamp(3.5rem, 9vw, 7.5rem);

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast: 250ms;
  --duration-base: 450ms;
  --duration-slow: 700ms;
  --duration-xslow: 1200ms;

  --bp-sm: 480px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
  --bp-2xl: 1536px;
}