/* Dark‑mode overrides – applied when */ body[data-theme="dark"] { --bs-body-bg: #111; --bs-body-color: #eee; background-color: var(--bs-body-bg) !important; color: var(--bs-body-color) !important; } /* Navbar text for dark background */ body[data-theme="dark"] .navbar-dark .navbar-brand, body[data-theme="dark"] .navbar-dark .nav-link { color: #fff !important; } /* Footer contrast when dark */ body[data-theme="dark"] .footer { background-color: #222 !important; color: #ddd !important; } /* Shared navbar account dropdown surface for dark theme */ body[data-theme="dark"] .navbar-account-menu { background-color: #182033; border-color: rgba(255, 255, 255, 0.08); box-shadow: 0 22px 48px rgba(0, 0, 0, 0.35); } body[data-theme="dark"] .navbar-account-summary { border-bottom-color: rgba(255, 255, 255, 0.08); } body[data-theme="dark"] .navbar-account-label { color: #93a4c7; } body[data-theme="dark"] .navbar-account-email { color: #f5f7ff; } body[data-theme="dark"] .navbar-account-menu .dropdown-item { color: #e6ebf7; } body[data-theme="dark"] .navbar-account-menu .dropdown-item:hover, body[data-theme="dark"] .navbar-account-menu .dropdown-item:focus { background: rgba(21, 172, 225, 0.16); color: #ffffff; } body[data-theme="dark"] .navbar-account-menu .dropdown-divider { border-top-color: rgba(255, 255, 255, 0.08); } body[data-theme="dark"] .navbar-avatar-fallback { background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.16); color: #f5f7ff; }