/* X-inspired lights-out palette. Keep light-mode colors and layout geometry intact. */
.lucent[data-scheme="dark"] {
 --bg-base:#000;
 --glass-bg:#000;
 --glass-bg-strong:#000;
 --glass-border:#2f3336;
 --glass-shadow:none;
 --text:#e7e9ea;
 --text-muted:#8b98a5;
 --bg-blob-1:transparent;
 --bg-blob-2:transparent;
 --bg-blob-3:transparent;
}
.lucent[data-scheme="dark"] .lucent-bg {display:none}
html:has(.lucent[data-scheme="dark"]),body:has(.lucent[data-scheme="dark"]) {background:#000}
.lucent[data-scheme="dark"] :is(.lucent-header,.lucent-content,.lucent-footer,.lucent-side-card) {box-shadow:none}
.lucent[data-scheme="dark"] .lucent-board {--bd-hover:#16181c}
.lucent[data-scheme="dark"] .lucent-board .cTab > li.on > a {background:var(--lucent-accent);color:#000}

@media(prefers-color-scheme:dark){
/* X-inspired lights-out palette. Keep light-mode colors and layout geometry intact. */
.lucent[data-scheme="auto"] {
 --bg-base:#000;
 --glass-bg:#000;
 --glass-bg-strong:#000;
 --glass-border:#2f3336;
 --glass-shadow:none;
 --text:#e7e9ea;
 --text-muted:#8b98a5;
 --bg-blob-1:transparent;
 --bg-blob-2:transparent;
 --bg-blob-3:transparent;
}
.lucent[data-scheme="auto"] .lucent-bg {display:none}
html:has(.lucent[data-scheme="auto"]),body:has(.lucent[data-scheme="auto"]) {background:#000}
.lucent[data-scheme="auto"] :is(.lucent-header,.lucent-content,.lucent-footer,.lucent-side-card) {box-shadow:none}
.lucent[data-scheme="auto"] .lucent-board {--bd-hover:#16181c}
.lucent[data-scheme="auto"] .lucent-board .cTab > li.on > a {background:var(--lucent-accent);color:#000}

}