:root {
    --color-primary: #8B7355;
    --color-primary-hover: #7A6548;
    --color-secondary: #C4A882;
    --color-accent: #D4A853;
    --color-bg: #FDFBF7;
    --color-surface: #FFFFFF;
    --color-surface-alt: #F8F5F0;
    --color-border: #E8E3DC;
    --color-text: #2C2825;
    --color-text-muted: #8A8580;
    --color-text-light: #B5AFA8;
    --color-success: #5B8C5A;
    --color-warning: #D4A853;
    --color-danger: #C45A5A;
    --color-info: #5A8CA8;

    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-display: 'Playfair Display', Georgia, serif;

    --text-hero: clamp(2.5rem, 5vw, 4rem);
    --text-h1: clamp(2rem, 3.5vw, 2.75rem);
    --text-h2: clamp(1.5rem, 2.5vw, 2.125rem);
    --text-h3: clamp(1.25rem, 1.8vw, 1.5rem);
    --text-h4: 1.125rem;
    --text-body: 1rem;
    --text-small: 0.875rem;
    --text-caption: 0.75rem;

    --font-light: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;

    --line-height-tight: 1.15;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.7;

    --space-4: 4px;
    --space-8: 8px;
    --space-12: 12px;
    --space-16: 16px;
    --space-24: 24px;
    --space-32: 32px;
    --space-40: 40px;
    --space-48: 48px;
    --space-64: 64px;
    --space-80: 80px;
    --space-96: 96px;
    --space-120: 120px;
    --space-160: 160px;

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-xl: 24px;

    --shadow-sm: 0 1px 3px rgba(44, 40, 37, 0.06);
    --shadow-md: 0 4px 12px rgba(44, 40, 37, 0.08);
    --shadow-lg: 0 12px 32px rgba(44, 40, 37, 0.1);
    --shadow-hover: 0 8px 24px rgba(44, 40, 37, 0.12);

    --transition-fast: 150ms ease;
    --transition-base: 200ms ease;
    --transition-slow: 300ms ease;

    --container-max: 1280px;
    --container-narrow: 960px;
    --header-height: 80px;
    --z-header: 100;
    --z-dropdown: 200;
    --z-modal: 300;
    --z-overlay: 400;
    --z-toast: 500;
}