/* =============================================
   Theme: Modern Blue (Default)
   ============================================= */
:root {
    --primary: #2563EB;
    --primary-dark: #1D4ED8;
    --primary-light: #3B82F6;
    --secondary: #10B981;
    --secondary-dark: #059669;
    --accent: #F59E0B;
    --danger: #EF4444;
    --warning: #F97316;
    --success: #10B981;
    --info: #06B6D4;
    --bg: #F8FAFC;
    --bg-alt: #F1F5F9;
    --text: #1E293B;
    --text-light: #64748B;
    --text-lighter: #94A3B8;
    --card: #FFFFFF;
    --card-hover: #F8FAFC;
    --border: #E2E8F0;
    --navbar-bg: #FFFFFF;
    --navbar-text: #1E293B;
    --footer-bg: #0F172A;
    --footer-text: #94A3B8;
    --shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06);
    --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);
    --radius: 12px;
    --radius-sm: 8px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --transition: all 0.3s ease;
}