/* === VARIABLES — CSS Custom Properties === */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--bg-primary:#e8f4f8;--bg-secondary:#ffffff;--bg-tertiary:#edf2f7;--bg-header:#0f172a;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--accent:#0891b2;--accent-light:rgba(8,145,178,.08);--accent-glow:rgba(0,212,255,.2);--success:#10b981;--success-bg:rgba(16,185,129,.08);--warning:#f59e0b;--warning-bg:rgba(245,158,11,.08);--danger:#ef4444;--danger-bg:rgba(239,68,68,.08);--info:#3b82f6;--info-bg:rgba(59,130,246,.08);--pink:#ec4899;--pink-bg:rgba(236,72,153,.08);--teal:#14b8a6;--teal-bg:rgba(20,184,166,.08);--border:rgba(8,145,178,.1);--shadow-sm:0 1px 3px rgba(15,23,42,.06),0 1px 2px rgba(15,23,42,.04);--shadow-md:0 4px 12px rgba(15,23,42,.08);--radius:14px;--transition:.25s cubic-bezier(.4,0,.2,1);--glass-bg:rgba(255,255,255,.85);--glass-border:rgba(8,145,178,.12);--neon-cyan:0 0 15px rgba(0,212,255,.15)}
[data-theme="dark"]{--bg-primary:#0a101e;--bg-secondary:rgba(5,16,28,0.92);--bg-tertiary:#0d1a2d;--bg-header:#020617;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--accent:#06b6d4;--accent-light:rgba(6,182,212,.1);--accent-glow:rgba(0,212,255,.35);--success:#10b981;--success-bg:rgba(16,185,129,.12);--warning:#f59e0b;--warning-bg:rgba(245,158,11,.12);--danger:#ef4444;--danger-bg:rgba(239,68,68,.12);--info:#3b82f6;--info-bg:rgba(59,130,246,.12);--pink:#f472b6;--pink-bg:rgba(244,114,182,.12);--teal:#2dd4bf;--teal-bg:rgba(45,212,191,.12);--border:rgba(0,212,255,.08);--shadow-sm:0 1px 3px rgba(0,0,0,.3),0 0 8px rgba(0,212,255,.04);--shadow-md:0 4px 16px rgba(0,0,0,.35),0 0 12px rgba(0,212,255,.06);--glass-bg:rgba(5,16,28,0.85);--glass-border:rgba(0,212,255,.1);--neon-cyan:0 0 20px rgba(0,212,255,.3)}