/* ================== Professional Branding Variables ================== */
:root {
    /* Core Palette - Deep Navy & Electric Blue */
    --bg-color: #0b0e14;
    --text-color: #f0f2f5;
    --link-color: #3b82f6;
    --link-hover-color: #60a5fa;
    --muted: #94a3b8;
    --accent: #10b981;
    --header-bg: rgba(15, 23, 42, 0.85);
    --section-bg: rgba(30, 41, 59, 0.5);
    --footer-bg: rgba(15, 23, 42, 0.4);
    
    /* Typography */
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;
    
    /* Buttons */
    --button-bg: #3b82f6;
    --button-text: #ffffff;
    --button-hover-bg: #2563ea;
    
    /* Effects & Glassmorphism */
    --glass-bg: rgba(255, 255, 255, 0.03);
    --glass-border: rgba(255, 255, 255, 0.08);
    --card-elev: 0 20px 50px rgba(0, 0, 0, 0.3);
    --shadow-3d: 0 30px 60px rgba(0, 0, 0, 0.4);
    
    /* Project Cards */
    --project-card-bg: rgba(30, 41, 59, 0.7);
    --project-card-text: #f0f2f5;
    --project-card-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
    --project-card-accent: radial-gradient(circle at top right, rgba(59, 130, 246, 0.15), transparent 70%);
    /* Motion & Transitions */
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --transition-smooth: all 0.5s var(--ease-out-expo);
    --transition-fast: all 0.3s var(--ease-out-expo);
    --transition-bounce: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

body.light {
    --bg-color: #f1f5f9; /* Slightly darker background for better separation */
    --text-color: #1e293b;
    --link-color: #2563eb;
    --link-hover-color: #1d4ed8;
    --header-bg: rgba(255, 255, 255, 0.98);
    --section-bg: #ffffff; /* Solid white for better definition */
    --footer-bg: #e2e8f0; /* Soft gray for light mode footer */
    --muted: #475569;
    --accent: #059669;
    
    --glass-bg: rgba(255, 255, 255, 0.8);
    --glass-border: rgba(0, 0, 0, 0.12); /* More distinct border */
    --card-elev: 0 10px 40px rgba(0, 0, 0, 0.08); /* Stronger shadow */
    --shadow-3d: 0 20px 50px rgba(0, 0, 0, 0.1);
    
    --project-card-bg: #ffffff;
    --project-card-text: #1e293b;
    --project-card-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}