/* ===================================================================== NEXUS — Dark Mode Applied when . Loaded as #mode-dark. Defines every surface/text token; accent comes from the palette. ===================================================================== */ :root[data-theme="dark"]{ --bg: #090b12; --card: #111521; --card-hover: #161b2a; --hero-bg: linear-gradient(140deg, #10131f 0%, #0b0e17 60%); --hex-inner: #0c0f18; --header-bg: rgba(9,11,18,.72); --header-bg-scroll: rgba(12,15,24,.72); --footer-bg: #0b0e17; --text: #f5f7fb; --text-dim: #b7becd; --text-mute: #6f7789; --border: rgba(255,255,255,.08); --hover: rgba(255,255,255,.06); color-scheme: dark; }