:root {
    --color-bg: #FAF9F6;
    --color-bg-soft: #F7F6F2;
    --color-bg-cream: #FBF6EA;
    --color-surface: #FFFFFF;
    --color-surface-hover: #F7F6F2;
    --color-surface-muted: #F3F2EB;
    --color-border: #E8E6DF;
    --color-border-hover: #D6D2C4;
    --color-border-focus: #B8934A;
    --color-primary: #B8934A;
    --color-primary-hover: #A07D35;
    --color-primary-dark: #8E6D2B;
    --color-success: #2D7A58;
    --color-warning: #B37D22;
    --color-danger: #B23B3B;
    --color-cyan: #357A88;
    --color-text-main: #1A1918;
    --color-text-muted: #63605A;
    --color-text-dark: #96938B;
    --font-main: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-heading: 'Space Grotesk', 'Manrope', sans-serif;
    --container-width: 1200px;
    --header-height: 74px;
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-full: 9999px;
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    --shadow-glow: 0 8px 30px rgba(184, 147, 74, 0.15);
    --shadow-card: 0 4px 20px rgba(26, 25, 24, 0.04);
    --shadow-elevated: 0 14px 36px rgba(26, 25, 24, 0.08);
}