:root {
  --color-primary-50: #FAF4EE;
  --color-primary-100: #F1E2D3;
  --color-primary-200: #E2C5A9;
  --color-primary-300: #CFA178;
  --color-primary-400: #B87E50;
  --color-primary-500: #9C6238;
  --color-primary-600: #7E4E2D;
  --color-primary-700: #623D24;
  --color-primary-800: #472C1B;
  --color-primary-900: #2C1B11;
  --color-secondary-50: #EFF0F6;
  --color-secondary-100: #DADCEC;
  --color-secondary-300: #9DA2C8;
  --color-secondary-500: #4A4E8C;
  --color-secondary-700: #32355F;
  --color-secondary-900: #1B1D38;
  --color-accent-500: #E08A3C;
  --color-accent-600: #C26F28;
  --color-accent-contrast: #2C1B11;
  --color-neutral-50: #FAF7F2;
  --color-neutral-100: #F1EBE2;
  --color-neutral-200: #E3DBCF;
  --color-neutral-300: #C8BDAD;
  --color-neutral-400: #9E9484;
  --color-neutral-500: #756C5E;
  --color-neutral-600: #564E43;
  --color-neutral-700: #3C362E;
  --color-neutral-800: #26221C;
  --color-neutral-900: #15120E;
  --color-semantic-success: #3F8A5B;
  --color-semantic-warning: #C8922E;
  --color-semantic-danger: #B5453A;
  --color-semantic-info: #4A4E8C;
  --color-surface-background: #FAF7F2;
  --color-surface-elevated: #FFFFFF;
  --color-surface-subtle: #F1EBE2;
  --color-surface-overlay: rgba(44, 27, 17, 0.55);
  --font-heading: 'Manrope', sans-serif;
  --font-body: 'Vollkorn', 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(44, 27, 17, 0.05);
  --shadow-md: 0 4px 12px rgba(44, 27, 17, 0.08);
  --shadow-lg: 0 12px 32px rgba(44, 27, 17, 0.11);
  --shadow-xl: 0 24px 64px rgba(44, 27, 17, 0.15);
  --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);
}