/* =========================================================================
   OVERHAULED VARIABLES.CSS - 2026 PREMIUM ACADEMIC LIGHT THEME SYSTEM
   ========================================================================= */
:root {
    /* Premium High-Contrast Light Color Palette */
    --primary-color: #1a56db;        /* Royal Academic Blue */
    --primary-glow: rgba(26, 86, 219, 0.08);
    --primary-hover-bg: rgba(26, 86, 219, 0.06);
    --secondary-color: #0d9488;     /* Clean Deep Teal */
    --accent-color: #f59e0b;        /* Warm Gold */
    --accent-glow: rgba(245, 158, 11, 0.15);
    
    /* Background Depths (Clean Light Palette) */
    --bg-dark: #f8fafc;              /* Slate 50 - Very clean light canvas */
    --bg-card: #ffffff;              /* Pure White for Elevated Cards */
    --bg-card-hover: #f1f5f9;        /* Slate 100 - Active state hover surface */
    
    /* Typography Color Hierarchy */
    --text-main: #0f172a;            /* Slate 900 - Deep, readable dark text */
    --text-muted: #475569;           /* Slate 600 - Muted gray body text */
    --text-accent: #2563eb;          /* High-contrast blue links */
    
    /* Layout Constants */
    --header-height: 80px;
    --max-width: 1200px;
    --border-radius-sm: 12px;
    --border-radius-md: 20px;
    --border-radius-lg: 32px;
    --border-radius-pill: 50px;     /* For modern pill layouts */
    
    /* Light Mode Elegant Shadows & Transitions */
    --transition-snappy: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    --shadow-glow: 0 12px 40px -10px rgba(26, 86, 219, 0.12);
    --shadow-cyber: 0 20px 40px -15px rgba(15, 23, 42, 0.08);
    --border-glow: 1px solid rgba(15, 23, 42, 0.06);
    
    /* Global Fonts */
    --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
}