:root{
  --shop-bg: #FFFFFF;
  --shop-bg-alt: #F5F2EC;
  --shop-bg-sunken: #E9E6E0;
  --shop-bg-elevated: #FFFFFF;
  --shop-text: #0A0A0A;
  --shop-text-muted: #6E5E4A;
  --shop-text-subtle: #847665;
  --shop-text-inverse: #FFFFFF;
  --shop-text-on-accent: #0A0A0A;
  --shop-border: #D9D4CA;
  --shop-border-strong: #8A857C;
  --shop-border-subtle: #EAE7E2;
  --shop-focus-ring: #B8965A;
  --shop-accent: #B8965A;
  --shop-accent-hover: #8A6E3F;
  --shop-accent-soft: #FDF7EC;
  --shop-accent-on: #0A0A0A;
  --shop-radius-sm: 2px;
  --shop-radius-md: 4px;
  --shop-radius-lg: 8px;
  --shop-s-1: 4px;
  --shop-s-2: 8px;
  --shop-s-3: 12px;
  --shop-s-4: 16px;
  --shop-s-5: 20px;
  --shop-s-6: 24px;
  --shop-s-8: 32px;
  --shop-s-10: 40px;
  --shop-s-12: 48px;
  --shop-s-16: 64px;
  --shop-s-20: 80px;
  --shop-s-24: 96px;
  --shop-s-32: 128px;
  --shop-container-max: 1280px;
  --shop-font-display: 'Cormorant Garamond', 'GT Sectra', 'EB Garamond', Georgia, serif;
  --shop-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}