/* ===================================================================== NEXUS — Light Mode Applied when . Loaded as #mode-light. Same token names as dark.css so the whole UI recolors instantly. ===================================================================== */ :root[data-theme="light"]{ --bg: #f4f6fb; --card: #ffffff; --card-hover: #fbfcff; --hero-bg: linear-gradient(140deg, #ffffff 0%, #eef1f9 70%); --hex-inner: #f2f4fb; --header-bg: rgba(255,255,255,.75); --header-bg-scroll: rgba(255,255,255,.82); --footer-bg: #eef1f8; --text: #10131c; --text-dim: #495062; --text-mute: #8b93a5; --border: rgba(16,19,28,.09); --hover: rgba(16,19,28,.05); color-scheme: light; }