:root {
    --color-primary: #3d2b1f;
    --color-primary-dark: #2a1d15;
    --color-secondary: #ad8025;
    --color-secondary-light: #c99b3e;
    --gradient-gold: linear-gradient(135deg, #d4a94a 0%, #c99b3e 20%, #ad8025 50%, #8b6518 80%, #d4a94a 100%);
    --gradient-gold-subtle: linear-gradient(135deg, #d4a94a 0%, #ad8025 100%);
    --gradient-gold-flat: linear-gradient(180deg, #c99b3e 0%, #ad8025 50%, #8b6518 100%);
    --shadow-gold: 0 4px 8px rgba(173, 128, 37, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    --shadow-gold-lg: 0 6px 16px rgba(173, 128, 37, 0.5), inset 0 2px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
    --color-accent: #4a5d6f;
    --color-ocean: #2c4a52;
    --color-ocean-light: #3d5f6a;
    --color-sand: #d4c4a8;
    --color-text: #2a2520;
    --color-text-light: #5a5045;
    --color-white: #f5f0e8;
    --color-bg: #e8e0d5;
    --color-bg-dark: #ddd5c9;
    --color-border: #b8a88a;
    --color-wood: #5c4033;
    --color-wood-light: #8b6f47;
    --color-wood-dark: #3d2b1f;
    --gradient-iron: linear-gradient(180deg, #706b65 0%, #686360 50%, #605b58 100%);
    --shadow-iron: 0 4px 8px rgba(80, 78, 75, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    --color-iron: #4a5568;
    --font-display: 'Cinzel', serif;
    --font-body: 'Inter', sans-serif;
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 6rem;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}