:root {
    /* Brand Colors */
    --primary-color: #2D3E50; /* Deep Ocean Blue */
    --secondary-color: #E63946; /* Vibrant Salmon/Red */
    --accent-color: #A8DADC; /* Soft Blue */
    
    /* Neutrals */
    --bg-color: #F8F9FA;
    --text-color: #1D1D1F;
    --text-muted: #86868B;
    --white: #FFFFFF;
    --light-gray: #E9ECEF;
    
    /* Gradients */
    --primary-gradient: linear-gradient(135deg, #1C2526 0%, #2D3E50 100%);
    --overlay-gradient: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.7));

    /* Typography */
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;

    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 8rem;

    /* Effects */
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.05);
    --shadow-md: 0 8px 16px rgba(0,0,0,0.1);
    --shadow-lg: 0 16px 32px rgba(0,0,0,0.15);
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
}