:root {
  --color-sand:        #E8DCC8;
  --color-sand-light:  #F5F0E8;
  --color-terracotta:  #C4704B;
  --color-terracotta-dark: #A85A3A;
  --color-green-deep:  #2C4A3E;
  --color-green-soft:  #3D6B5A;
  --color-wood:        #6B4F3A;
  --color-anthracite:  #2E2E2E;
  --color-anthracite-soft: #3A3A3A;
  --color-cream:       #FAF8F4;
  --color-white:       #FFFFFF;
  --color-black:       #1A1A1A;
  --surface-dark:      rgba(26, 26, 26, 0.92);
  --surface-dark-blur: rgba(26, 26, 26, 0.78);
  --surface-overlay:   rgba(26, 26, 26, 0.6);
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;
  --fs-xs:   0.75rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-md:   1.125rem;
  --fs-lg:   1.5rem;
  --fs-xl:   2rem;
  --fs-2xl:  2.75rem;
  --fs-3xl:  3.5rem;
  --fs-hero: clamp(2.5rem, 6vw, 5rem);
  --fw-light:    300;
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;
  --lh-tight:  1.15;
  --lh-snug:   1.3;
  --lh-normal: 1.6;
  --ls-tight:  -0.02em;
  --ls-normal:  0;
  --ls-wide:    0.08em;
  --ls-ultra:   0.2em;
  --space-xs:   0.5rem;
  --space-sm:   1rem;
  --space-md:   1.5rem;
  --space-lg:   2.5rem;
  --space-xl:   4rem;
  --space-2xl:  6rem;
  --space-3xl:  8rem;
  --section-padding: clamp(4rem, 8vw, 8rem);
  --container-max: 1200px;
  --header-height: 72px;
  --ease-out:    cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast:   0.2s;
  --duration-normal: 0.3s;
  --duration-slow:   0.5s;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;
  --shadow-sm:   0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md:   0 4px 12px rgba(0, 0, 0, 0.12);
  --shadow-lg:   0 8px 30px rgba(0, 0, 0, 0.16);
  --shadow-header: 0 2px 20px rgba(0, 0, 0, 0.15);
}