:root {
    --color-navy: #0a1628;
    --color-navy-light: #162742;
    --color-navy-lighter: #1e3a5f;
    --color-navy-900: #060d18;
    --color-gold: #c9a962;
    --color-gold-light: #d4bc7d;
    --color-gold-dark: #a8893f;
    --color-gold-subtle: rgba(201, 169, 98, 0.08);
    --color-cream: #f8f6f1;
    --color-white: #ffffff;
    --color-gray-100: #f5f5f5;
    --color-gray-200: #e8e8e8;
    --color-gray-400: #9ca3af;
    --color-gray-600: #4b5563;
    --color-gray-800: #1f2937;

    --font-display: 'Cormorant Garamond', Georgia, serif;
    --font-body: 'Source Sans 3', -apple-system, BlinkMacSystemFont, sans-serif;

    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
    --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);

    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;

    --space-xs: 8px;
    --space-sm: 16px;
    --space-md: 24px;
    --space-lg: 32px;
    --space-xl: 48px;
    --space-2xl: 60px;
    --space-3xl: 80px;
    --space-4xl: 120px;
}