/* Design Variables System */

:root {
    /* Color Palette */
    --primary-hex: #005EB8;
    --secondary-hex: #00B388;
    --dark-hex: #0B1F3A;
    --light-hex: #F8FAFC;
    --accent-hex: #39D98A;

    --primary-rgb: 0, 94, 184;
    --secondary-rgb: 0, 179, 136;
    --dark-rgb: 11, 31, 58;
    --light-rgb: 248, 250, 252;
    --accent-rgb: 57, 217, 138;

    /* Theme Mapped Colors (Default Light Mode) */
    --bg-primary: var(--light-hex);
    --bg-secondary: #FFFFFF;
    --text-primary: var(--dark-hex);
    --text-secondary: #475569;
    --text-light: #94A3B8;
    --border-color: #E2E8F0;
    
    /* Glassmorphism settings */
    --glass-bg: rgba(255, 255, 255, 0.7);
    --glass-border: rgba(255, 255, 255, 0.4);
    --glass-shadow: rgba(15, 23, 42, 0.05);
    --glass-blur: 15px;

    /* Typography */
    --font-heading: 'Manrope', 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    
    /* Global Settings */
    --border-radius-sm: 8px;
    --border-radius: 16px;
    --border-radius-lg: 24px;
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    --header-height: 80px;
    --container-width: 1200px;
    --z-index-back: -1;
    --z-index-base: 1;
    --z-index-dropdown: 100;
    --z-index-header: 999;
    --z-index-loader: 9999;
}

/* Dark Mode Variables */
[data-theme="dark"] {
    --bg-primary: #050B14;
    --bg-secondary: #0B1220;
    --text-primary: #F8FAFC;
    --text-secondary: #94A3B8;
    --text-light: #64748B;
    --border-color: #1E293B;

    --glass-bg: rgba(11, 18, 32, 0.7);
    --glass-border: rgba(255, 255, 255, 0.05);
    --glass-shadow: rgba(0, 0, 0, 0.3);
    
    --light-hex: #0B1220;
    --dark-hex: #F8FAFC;
}