:root {
    /* ── High-End Corporate Palette ── */
    --brand-primary:   #0ea5e9;   /* Vibrant Cyan-Blue (Logo Sync) */
    --brand-dark:      #0284c7;
    --brand-light:     #7dd3fc;
    --brand-gray:      #4c5357;
    
    /* ── Functional Colors ── */
    --success:         #10b981;
    --warning:         #f59e0b;
    --danger:          #ef4444;
    
    /* ── Shared Tokens ── */
    --radius-xl:       1.25rem;
    --radius-lg:       0.75rem;
    --radius-md:       0.5rem;
    --transition:      all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    --shadow-premium:  0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    
    /* ── Light Theme (Default) ── */
    --bg-main:         #f8fafc;
    --bg-card:         #ffffff;
    --bg-nav:          rgba(255, 255, 255, 0.82);
    --text-primary:    #0f172a;
    --text-secondary:  #475569;
    --text-muted:      #94a3b8;
    --border-subtle:   rgba(0, 0, 0, 0.06);
    --glass-blur:      blur(12px);
    --gradient-hero:   linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
    --gradient-brand:  linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
            --gradient-violet: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
    --gradient-indigo: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    --gradient-blue: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    --gradient-sky: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
    --gradient-cyan: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
    --gradient-teal: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);
    --gradient-emerald: linear-gradient(135deg, #10b981 0%, #059669 100%);
    --gradient-green: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    --gradient-lime: linear-gradient(135deg, #84cc16 0%, #65a30d 100%);
    --gradient-yellow: linear-gradient(135deg, #eab308 0%, #ca8a04 100%);
    --gradient-amber: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    --gradient-orange: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
    --gradient-red: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    --gradient-rose: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%);
    --gradient-pink: linear-gradient(135deg, #ec4899 0%, #db2777 100%);
    --gradient-fuchsia: linear-gradient(135deg, #d946ef 0%, #c026d3 100%);
    --gradient-purple: linear-gradient(135deg, #a855f7 0%, #9333ea 100%);
    --gradient-slate: linear-gradient(135deg, #64748b 0%, #475569 100%);
    --gradient-gray: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);
    --gradient-zinc: linear-gradient(135deg, #71717a 0%, #52525b 100%);
    --gradient-stone: linear-gradient(135deg, #78716c 0%, #57534e 100%);
    --gradient-bronze: linear-gradient(135deg, #a87550 0%, #78350f 100%);
    --gradient-deep-navy: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    --gradient-crimson: linear-gradient(135deg, #991b1b 0%, #7f1d1d 100%);;
    --gradient-pink:   linear-gradient(135deg, #ec4899 0%, #db2777 100%);
    --gradient-green:  linear-gradient(135deg, #10b981 0%, #059669 100%);
    --gradient-orange: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    --gradient-blue:   linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    --gradient-indigo: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    --gradient-yellow: linear-gradient(135deg, #eab308 0%, #ca8a04 100%);
    --gradient-red:    linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    --gradient-sky:    linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
    --gradient-emerald: linear-gradient(135deg, #10b981 0%, #059669 100%);
    --gradient-rose:   linear-gradient(135deg, #f43f5e 0%, #e11d48 100%);
    --gradient-amber:  linear-gradient(135deg, #fbbf24 0%, #d97706 100%);
    --gradient-fuchsia: linear-gradient(135deg, #d946ef 0%, #c026d3 100%);
    --gradient-lime:   linear-gradient(135deg, #84cc16 0%, #65a30d 100%);
    --gradient-slate:  linear-gradient(135deg, #64748b 0%, #475569 100%);;
    --shadow-premium:  0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --primary: var(--brand-primary);
    --bg: var(--bg-main);
    --text: var(--text-primary);
    --border: var(--border-subtle);
}

/* ── Premium Dark Mode Overrides ── */
html[data-theme='dark'] {
    --bg-main:         #060912;   /* Elite Tech Navy */
    --bg-card:         #0f172a;   /* Pro Navy Card */
    --bg-nav:          rgba(6, 9, 18, 0.92); /* Navy Glass */
    --bg-navy-pro:     #020617;   /* Deepest Navy Space */
    --text-primary:    #f1f5f9;
    --text-secondary:  #94a3b8;
    --text-muted:      #64748b;
    --border-subtle:   rgba(255, 255, 255, 0.08);
    --glass-blur:      blur(20px);
    
    /* Dark Gradient Palettes */
    --gradient-hero:   linear-gradient(135deg, #0b0e14 0%, #0f172a 100%);
    --gradient-brand:  linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
    --shadow-premium:  0 20px 30px -10px rgba(0, 0, 0, 0.5);
    
    /* UI Adjustments */
    --bs-body-bg:      #0b0e14;
    --bs-body-color:   #f1f5f9;
    --bs-tertiary-bg:  #0b0e14;
    --bs-card-bg:      #151921;
    --bs-border-color: rgba(255, 255, 255, 0.08);

    /* ── Themed Mappings ── */
    --bg: var(--bg-main);
    --text: var(--text-primary);
    --border: var(--border-subtle);

    /* Gradients Sync */
    --gradient-violet: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
    --gradient-indigo: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    --gradient-blue: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    --gradient-sky: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
    --gradient-cyan: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
    --gradient-teal: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);
    --gradient-emerald: linear-gradient(135deg, #10b981 0%, #059669 100%);
    --gradient-green: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    --gradient-lime: linear-gradient(135deg, #84cc16 0%, #65a30d 100%);
    --gradient-yellow: linear-gradient(135deg, #eab308 0%, #ca8a04 100%);
    --gradient-amber: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    --gradient-orange: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
    --gradient-red: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    --gradient-rose: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%);
    --gradient-pink: linear-gradient(135deg, #ec4899 0%, #db2777 100%);
    --gradient-fuchsia: linear-gradient(135deg, #d946ef 0%, #c026d3 100%);
    --gradient-purple: linear-gradient(135deg, #a855f7 0%, #9333ea 100%);
    --gradient-slate: linear-gradient(135deg, #64748b 0%, #475569 100%);
    --gradient-gray: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);
    --gradient-zinc: linear-gradient(135deg, #71717a 0%, #52525b 100%);
    --gradient-stone: linear-gradient(135deg, #78716c 0%, #57534e 100%);
    --gradient-bronze: linear-gradient(135deg, #a87550 0%, #78350f 100%);
    --gradient-deep-navy: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    --gradient-crimson: linear-gradient(135deg, #991b1b 0%, #7f1d1d 100%);;
    --gradient-indigo: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    --gradient-blue: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    --gradient-sky: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
    --gradient-cyan: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
    --gradient-teal: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);
    --gradient-emerald: linear-gradient(135deg, #10b981 0%, #059669 100%);
    --gradient-green: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    --gradient-lime: linear-gradient(135deg, #84cc16 0%, #65a30d 100%);
    --gradient-yellow: linear-gradient(135deg, #eab308 0%, #ca8a04 100%);
    --gradient-amber: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    --gradient-orange: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
    --gradient-red: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    --gradient-rose: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%);
    --gradient-pink: linear-gradient(135deg, #ec4899 0%, #db2777 100%);
    --gradient-fuchsia: linear-gradient(135deg, #d946ef 0%, #c026d3 100%);
    --gradient-purple: linear-gradient(135deg, #a855f7 0%, #9333ea 100%);
    --gradient-slate: linear-gradient(135deg, #64748b 0%, #475569 100%);
    --gradient-gray: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);
    --gradient-zinc: linear-gradient(135deg, #71717a 0%, #52525b 100%);
    --gradient-stone: linear-gradient(135deg, #78716c 0%, #57534e 100%);
    --gradient-bronze: linear-gradient(135deg, #a87550 0%, #78350f 100%);
    --gradient-deep-navy: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    --gradient-crimson: linear-gradient(135deg, #991b1b 0%, #7f1d1d 100%);;
    --gradient-pink:   linear-gradient(135deg, #ec4899 0%, #db2777 100%);
    --gradient-green:  linear-gradient(135deg, #10b981 0%, #059669 100%);
    --gradient-orange: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    --gradient-blue:   linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    --gradient-indigo: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    --gradient-yellow: linear-gradient(135deg, #eab308 0%, #ca8a04 100%);
    --gradient-red:    linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    --gradient-sky:    linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
    --gradient-emerald: linear-gradient(135deg, #10b981 0%, #059669 100%);
    --gradient-rose:   linear-gradient(135deg, #f43f5e 0%, #e11d48 100%);
    --gradient-amber:  linear-gradient(135deg, #fbbf24 0%, #d97706 100%);
    --gradient-fuchsia: linear-gradient(135deg, #d946ef 0%, #c026d3 100%);
    --gradient-lime:   linear-gradient(135deg, #84cc16 0%, #65a30d 100%);
    --gradient-slate:  linear-gradient(135deg, #64748b 0%, #475569 100%);;
    --gradient-red:    linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    --gradient-sky:    linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
    --gradient-emerald: linear-gradient(135deg, #10b981 0%, #059669 100%);
    --gradient-rose:   linear-gradient(135deg, #f43f5e 0%, #e11d48 100%);
    --gradient-amber:  linear-gradient(135deg, #fbbf24 0%, #d97706 100%);
    --gradient-fuchsia: linear-gradient(135deg, #d946ef 0%, #c026d3 100%);
    --gradient-lime:   linear-gradient(135deg, #84cc16 0%, #65a30d 100%);
    --gradient-slate:  linear-gradient(135deg, #64748b 0%, #475569 100%);;
}