:root {
  --color-primary-50: #F2F5EE; --color-primary-100: #E1E9D5; --color-primary-200: #C5D3AF;
  --color-primary-300: #A3B884; --color-primary-400: #7E9C5C; --color-primary-500: #5F7E3F;
  --color-primary-600: #4C6731; --color-primary-700: #3A4F27; --color-primary-800: #29381C; --color-primary-900: #1A2412;
  --color-secondary-50: #FBF1EB; --color-secondary-100: #F3DDD0; --color-secondary-300: #DBA585;
  --color-secondary-500: #C0673F; --color-secondary-700: #8A4628; --color-secondary-900: #4A2316;
  --color-accent-500: #C2562F; --color-accent-600: #A4471F; --color-accent-contrast: #FFF8F0;
  --color-neutral-50: #FAF7F1; --color-neutral-100: #F1ECE2; --color-neutral-200: #E2DACE;
  --color-neutral-300: #C8BCA9; --color-neutral-400: #A1937E; --color-neutral-500: #7C6E5A;
  --color-neutral-600: #5C5142; --color-neutral-700: #43392E; --color-neutral-800: #2B241C; --color-neutral-900: #17120D;
  --color-semantic-success: #4B7A3F; --color-semantic-warning: #C9982C; --color-semantic-danger: #B23A2E; --color-semantic-info: #3E6E8E;
  --color-surface-background: #FAF7F1; --color-surface-elevated: #FFFFFF; --color-surface-subtle: #F1ECE2; --color-surface-overlay: rgba(26,36,18,0.55);
  --font-heading: 'Lora', Georgia, serif; --font-body: 'Manrope', system-ui, sans-serif; --font-mono: 'JetBrains Mono', monospace;
  --fs-xs: 12px; --fs-sm: 14px; --fs-base: 16px; --fs-md: 18px; --fs-lg: 24px; --fs-xl: 32px; --fs-2xl: 48px; --fs-3xl: 64px;
  --lh-tight: 1.15; --lh-snug: 1.3; --lh-normal: 1.55; --lh-relaxed: 1.75;
  --ls-tight: -0.02em; --ls-normal: 0; --ls-wide: 0.05em; --ls-label: 0.12em;
  --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700;
  --space-0: 0; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px; --space-10: 128px;
  --radius-none: 0; --radius-sm: 4px; --radius-md: 8px; --radius-lg: 16px; --radius-xl: 24px; --radius-full: 9999px;
  --shadow-none: none; --shadow-sm: 0 1px 2px rgba(42,36,24,0.05); --shadow-md: 0 4px 12px rgba(42,36,24,0.08); --shadow-lg: 0 12px 32px rgba(42,36,24,0.12); --shadow-xl: 0 24px 64px rgba(42,36,24,0.16);
  --bp-mobile: 0px; --bp-tablet: 768px; --bp-desktop: 1200px; --bp-wide: 1600px;
  --dur-fast: 150ms; --dur-normal: 250ms; --dur-slow: 400ms;
  --ease-standard: cubic-bezier(0.4,0,0.2,1); --ease-enter: cubic-bezier(0,0,0.2,1); --ease-exit: cubic-bezier(0.4,0,1,1);
}