:root {
    /* Color Palette - Storm-inspired */
    --color-storm: #2C3E50;
    --color-mist: #ECF0F1;
    --color-silver: #BDC3C7;
    --color-dawn: #E74C3C;
    --color-dusk: #8E44AD;
    --color-fog: #7F8C8D;
    --color-blue: #1540eb; 
    
    /* Typography */
    --font-serif: 'Playfair Display', serif;
    --font-sans: 'Inter', sans-serif;
    
    /* Spacing */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 2rem;
    --space-lg: 4rem;
    --space-xl: 8rem;
    
    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    
    /* Shadows */
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.1);
    --shadow-md: 0 4px 8px rgba(0,0,0,0.12);
    --shadow-lg: 0 8px 16px rgba(0,0,0,0.15);
    
    /* Transitions */
    --transition: all 0.3s ease;
}