:root{--bg-light:#fff;--bg-secondary:#f8f9fa;--bg-dark:#0a0e27;--bg-gray:#333;--bg-white:#fff;--bg-overlay:#00000080;--bg-input:#f8f9fa;--bg-card:#fff;--bg-gradient-1:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--bg-gradient-2:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--bg-gradient-3:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);--bg-gradient-4:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%);--bg-gradient-5:linear-gradient(120deg,#89f7fe 0%,#66a6ff 100%);--brand-primary:#06f;--brand-secondary:#8b5cf6;--brand-accent:#ff6b6b;--brand-success:#10b981;--brand-light:#f8f9fa;--color-electric-blue:#06f;--color-vibrant-purple:#8b5cf6;--color-coral-pink:#ff6b6b;--color-emerald:#10b981;--color-sunset-orange:#ff8c42;--color-magenta:#e91e63;--color-cyan:#06b6d4;--color-warm-yellow:#fff;--color-indigo:#6366f1;--color-teal:#14b8a6;--color-rose:#f43f5e;--color-amber:#f59e0b;--text-dark-gray:#6c757d;--text-light-gray:#adb5bd;--text-light:#fff;--text-primary:#1a1a1a;--text-secondary:#4a5568;--text-muted:#718096;--text-white:#fff;--text-dark:#0a0e27;--text-placeholder:#a0aec0;--text-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--button-primary:var(--color-electric-blue);--button-primary-hover:#0052cc;--button-primary-disabled:#06f9;--button-secondary:var(--color-vibrant-purple);--button-secondary-hover:#7c3aed;--button-light:#f8f9fa;--button-gray:#e9ecef;--button-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--button-gradient-hover:linear-gradient(135deg,#764ba2 0%,#667eea 100%);--success:#28a745;--success-light:#d4edda;--error:#dc3545;--error-light:#f8d7da;--warning:#ffc107;--warning-light:#fff3cd;--info:#17a2b8;--info-light:#d1ecf1;--danger:#dc3545;--border-color:#dee2e6;--border-light:#e9ecef;--shadow-light:#0000001a;--shadow-medium:#00000026;--shadow-dark:#00000040;--navbar-bg:#fffffff2;--navbar-bg-blur:backdrop-filter: blur(10px);--navbar-text:var(--text-primary);--navbar-link:var(--text-secondary);--navbar-link-hover:var(--color-electric-blue);--navbar-border:#0000000d;--footer-bg:var(--bg-gradient-1);--footer-text:var(--text-white);--footer-link:var(--text-white);--footer-link-hover:var(--color-warm-yellow);--background:var(--bg-light);--foreground:var(--text-secondary);--primary:var(--brand-primary);--primary-dark:#0052cc;--primary-light:var(--brand-light);--secondary:var(--brand-secondary);--heading-color:var(--text-primary);--transition-fast:.15s ease-in-out;--transition-normal:.3s ease-in-out;--transition-slow:.5s ease-in-out;--hover-scale:scale(1.05);--hover-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--graph-primary:#3b82f6;--graph-secondary:#10b981;--graph-accent:#f59e0b;--graph-danger:#ef4444;--graph-warning:#f97316;--graph-info:#06b6d4;--graph-success:#22c55e;--graph-purple:#8b5cf6;--graph-pink:#ec4899;--graph-indigo:#6366f1;--graph-teal:#14b8a6;--graph-orange:#f97316;--graph-lime:#84cc16;--graph-emerald:#059669;--graph-cyan:#0891b2;--graph-violet:#7c3aed;--graph-fuchsia:#c026d3;--graph-rose:#e11d48;--graph-amber:#d97706;--graph-green:#16a34a;--graph-gradient-1:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--graph-gradient-2:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--graph-gradient-3:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);--graph-gradient-4:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%);--graph-gradient-5:linear-gradient(135deg,#fa709a 0%,#fee140 100%);--graph-gradient-6:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);--chart-background:var(--bg-white);--chart-grid:#94a3b81a;--chart-text:var(--text-secondary);--chart-axis:var(--text-muted);--chart-tooltip-bg:var(--bg-white);--chart-tooltip-border:var(--border-color);--chart-tooltip-shadow:var(--shadow-medium);--chart-hover-opacity:.8;--chart-focus-outline:var(--brand-primary);--chart-color-1:var(--graph-primary);--chart-color-2:var(--graph-secondary);--chart-color-3:var(--graph-accent);--chart-color-4:var(--graph-purple);--chart-color-5:var(--graph-pink);--chart-color-6:var(--graph-teal);--chart-color-7:var(--graph-orange);--chart-color-8:var(--graph-lime);--chart-color-9:var(--graph-cyan);--chart-color-10:var(--graph-violet)}@media (prefers-color-scheme:dark){:root{--background:var(--bg-dark);--foreground:var(--text-light);--heading-color:var(--text-light)}}