/* ============================================================ custom-overrides.css Hand-written additions made after the original Tailwind build. Keep any future manual CSS tweaks in THIS file, not in tailwind-generated.css (that one is machine-generated output and should be treated as a build artifact). ============================================================ */ /* Hide the WebGL hero laser/beam background on mobile screens (performance + the JS already skips initializing it below 768px) */ @media (max-width:767px){.hero-laser-bg{display:none!important}} .min-w-0{min-width:0px} .px-2{padding-left:calc(var(--spacing) * 2);padding-right:calc(var(--spacing) * 2)} @media (min-width:40rem){.sm\:items-center{align-items:center}.sm\:rounded-full{border-radius:3.40282e38px}.sm\:px-0{padding-left:0px;padding-right:0px}.sm\:ml-3\.5{margin-left:calc(var(--spacing) * 3.5)}.sm\:h-8{height:calc(var(--spacing) * 8)}} /* ============================================================ DARK THEME VARIATIONS Apply by adding data-theme="" on ============================================================ */ /* ── 1. VOID (Default) ─────────────────────────────────────── */ /* Pure near-black with cyan accents — the original */ html[data-theme="jet-black"] { --color-brand-void: #05060b; --color-brand-paper: #f6f6f4; --color-brand-quantum: #00d7ff; --color-brand-energy: #00d7ff; --surface-card: #131313; --surface-elevated: #0c0d12; } html[data-theme="jet-black"] .dark\:bg-\[\#05060B\] { background-color: #05060b !important; } html[data-theme="jet-black"] .dark\:bg-\[\#131313\] { background-color: #131313 !important; }