/* Dark mode — activated via [data-theme="dark"] on */ html[data-theme="dark"]{ --bb-ink:#EAF0FF; --bb-slate:#AEB9D4; --bb-slate-light:#8590AE; --bb-line:#26314B; --bb-card:#141B2E; --bb-bg:#0B1120; --bb-blue-50:#161F36; --bb-blue-100:#1C2A4A; --bb-blue-bg:#1C2A4A; --bb-blue-fg:#7FA8FF; --bb-green-bg:#12301F; --bb-green-fg:#4ADE80; --bb-purple-bg:#241C42; --bb-purple-fg:#A78BFA; --bb-orange-bg:#3A2412; --bb-orange-fg:#FDBA74; --bb-yellow-bg:#332B0C; --bb-yellow-fg:#FDE047; --bb-pink-bg:#361A2A; --bb-pink-fg:#F472B6; --bb-teal-bg:#0F2E2A; --bb-teal-fg:#2DD4BF; --bb-indigo-bg:#1E2044; --bb-indigo-fg:#818CF8; --bb-red-bg:#341717; --bb-red-fg:#F87171; } html[data-theme="dark"] .bb-lang-btn, html[data-theme="dark"] .bb-theme-btn, html[data-theme="dark"] .bb-lang-menu{ background:var(--bb-card); } html[data-theme="dark"] .bb-hero-badge{ background:var(--bb-card); color:var(--bb-ink); } html[data-theme="dark"] .bb-trust-box{ background:linear-gradient(160deg, var(--bb-blue-50), var(--bb-card)); }