:root{color-scheme:light;--bg:#f3f4f6;--cyber-1:#0f7bff;--cyber-2:#10b981;--glow-1:rgba(15,123,255,.35);--glow-2:rgba(16,185,129,.22);--tint-1:rgba(15,123,255,.06);--tint-2:rgba(16,185,129,.06);--parallax-base-opacity:.9;--parallax-scroll-boost:.04;--parallax-speed:20}
:root.theme-quantum{--bg:#f9fafb;--cyber-1:#6366f1;--cyber-2:#ec4899;--glow-1:rgba(99,102,241,.35);--glow-2:rgba(236,72,153,.22);--tint-1:rgba(99,102,241,.08);--tint-2:rgba(236,72,153,.08)}
:root.theme-ember{--bg:#fff7ed;--cyber-1:#ea580c;--cyber-2:#0ea5e9;--glow-1:rgba(234,88,12,.35);--glow-2:rgba(14,165,233,.22);--tint-1:rgba(234,88,12,.08);--tint-2:rgba(14,165,233,.08)}
html,body{scroll-behavior:smooth}
.neon{text-shadow:0 0 12px var(--glow-1),0 0 28px var(--glow-2)}
.grid-bg::before{content:"";position:absolute;inset:0;background:radial-gradient(260px 180px at 10% 10%,var(--tint-1),transparent 60%),radial-gradient(260px 180px at 90% 20%,var(--tint-2),transparent 60%),radial-gradient(600px 400px at 50% 120%,rgba(15,23,42,.08),transparent 70%);pointer-events:none}
.grid-bg{background-image:linear-gradient(rgba(148,163,184,.18)1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.18)1px,transparent 1px);background-size:24px 24px}
.reveal{opacity:0;transform:translateY(12px);transition:all .6s ease}
.reveal.revealed{opacity:1;transform:none}
body.nav-open{overflow:hidden}
#parallaxOverlay{background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.95),transparent 60%),radial-gradient(circle at 90% 20%,rgba(255,255,255,.9),transparent 60%),linear-gradient(to bottom,rgba(249,250,251,.96),rgba(241,245,249,.98));opacity:var(--parallax-base-opacity);transition:opacity .25s ease-out;pointer-events:none}
#parallaxBg{width:100%;height:100%;display:block;will-change:transform;transition:transform .2s ease-out;pointer-events:none}
body{background-color:var(--bg);color:#0f172a}

/* Overrides for dark utilities in your HTML */
.bg-white\/5{background-color:rgba(255,255,255,.96)!important}
.border-white\/10{border-color:rgba(203,213,225,.9)!important}
.border-white\/15{border-color:rgba(148,163,184,.9)!important}
.border-white\/20{border-color:rgba(148,163,184,.95)!important}
.bg-black\/80{background-color:rgba(15,23,42,.9)!important}
.text-white{color:#0f172a!important}
.text-white\/90{color:rgba(15,23,42,.94)!important}
.text-white\/80{color:rgba(15,23,42,.9)!important}
.text-white\/75{color:rgba(15,23,42,.86)!important}
.text-white\/70{color:rgba(15,23,42,.82)!important}
.text-white\/65{color:rgba(15,23,42,.78)!important}
.text-white\/60{color:rgba(15,23,42,.7)!important}
.text-white\/50{color:rgba(15,23,42,.6)!important}
.text-white\/40,.text-white\/30{color:rgba(100,116,139,.8)!important}