/* Dark palette. Content has a stable base; optical glass is reserved for controls. */
html[data-theme="dark"] {
  color-scheme: dark;
  --night-base: #101419;
  --night-raised: #202830;
  --night-text: #edf2f7;
  --night-secondary: #c3cdd7;
  --night-muted: #aab8c5;
  --glass-fill: linear-gradient(145deg, rgba(32,51,65,.48), rgba(13,24,35,.38));
  --glass-border: rgba(203,220,237,.20);
  --glass-shadow: inset 0 1px 0 rgba(235,245,255,.13), 0 10px 28px -16px rgba(0,0,0,.65);
  --control-glass: linear-gradient(155deg, rgba(115,162,187,.20), rgba(19,35,48,.44));
  --glass-focus: #82e8d7;
}
html[data-theme="dark"] body { background: var(--night-base); color: var(--night-text); }
html[data-theme="dark"] :is(.text-stone-900, .text-stone-800) { color: var(--night-text) !important; }
html[data-theme="dark"] :is(.text-stone-700, .text-stone-600) { color: var(--night-secondary) !important; }
html[data-theme="dark"] :is(.text-stone-500, .text-stone-400, .text-stone-300),
html[data-theme="dark"] .font-mono.uppercase.text-stone-500 { color: var(--night-muted) !important; }
html[data-theme="dark"] .hero-gradient-text {
  background-image: linear-gradient(110deg, #edf2f7, #b8d6e5, #c7d2e3);
}
html[data-theme="dark"] header { background: rgba(16,20,25,.93) !important; }
html[data-theme="dark"] footer { background: #141a21 !important; }
html[data-theme="dark"] .ambient-blob { opacity: .20; }
html[data-theme="dark"] .ambient-blob:nth-child(1) { background: #168fae; }
html[data-theme="dark"] .ambient-blob:nth-child(2) { background: #6259c7; }
html[data-theme="dark"] .ambient-blob:nth-child(3) { background: #128d78; }
html[data-theme="dark"] .flashlight-card::after { opacity: .5; }
html[data-theme="dark"] .flashlight-card::before { opacity: .2; }
html[data-theme="dark"] .flashlight-card:hover { box-shadow: var(--glass-shadow); }
html[data-theme="dark"] :is(#tab-nav-scroll, .liquid-btn) {
  box-shadow: inset 0 1px 1px rgba(240,248,255,.28), inset 0 -1px 0 rgba(240,248,255,.07), 0 8px 22px -12px rgba(0,0,0,.55) !important;
}
html[data-theme="dark"] #tab-nav-scroll .tab-btn { color: #c3cdd7; text-shadow: none; }
html[data-theme="dark"] #tab-nav-scroll .tab-btn.active { color: #fff; text-shadow: none; }
html[data-theme="dark"] .tab-glass-pill {
  background: linear-gradient(150deg, rgba(202,235,255,.24), rgba(135,183,216,.13));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 2px 6px rgba(0,0,0,.2);
}
html[data-theme="dark"] .liquid-input {
  background: #19222c !important;
  color: #edf2f7 !important;
  border: 1px solid #7b8d9e !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
html[data-theme="dark"] .liquid-input:focus { background: #202c38 !important; }
html[data-theme="dark"] .liquid-input::placeholder { color: #aab8c5; opacity: 1; }
html[data-theme="dark"] .tint-stone { --btn-tint: #354352; --btn-tint-hover: #435568; }
html[data-theme="dark"] .tint-amber { --btn-tint: #854600; --btn-tint-hover: #945000; }
html[data-theme="dark"] .tint-blue { --btn-tint: #214fb2; --btn-tint-hover: #285bc6; }
html[data-theme="dark"] .tint-teal { --btn-tint: #14645f; --btn-tint-hover: #19736b; }
html[data-theme="dark"] .tint-rose { --btn-tint: #a32348; --btn-tint-hover: #b12850; }
html[data-theme="dark"] .tint-emerald { --btn-tint: #166344; --btn-tint-hover: #19734e; }
html[data-theme="dark"] .btn-primary { color: #fff !important; text-shadow: none; }
html[data-theme="dark"] .badge-neutral { background: #303c49 !important; color: #d8e2ec !important; }
html[data-theme="dark"] .docker-badge-running { background: #183e31 !important; color: #8ce8b5 !important; }
html[data-theme="dark"] .docker-badge-stopped { background: #4b2530 !important; color: #ffb3bd !important; }
html[data-theme="dark"] :is(.text-red-400, .text-red-500, .text-red-600):not([class*="badge"]):not(.btn-primary *) { color: #ffadb8 !important; }
html[data-theme="dark"] .summary-bar :is(.text-stone-300, .text-stone-400, .text-stone-500, .text-stone-600) { color: #cbd5e1 !important; }
html[data-theme="dark"] ::selection { color: #102a2c; background: #99e8dd; }
html[data-theme="dark"] { scrollbar-color: #657687 #101419; }
html[data-theme="dark"] ::-webkit-scrollbar-track { background: #101419; }
html[data-theme="dark"] ::-webkit-scrollbar-thumb { background: #657687; }
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  html[data-theme="dark"] { --glass-fill: #202830; --control-glass: #283542; --glass-border: #899aab; }
  html[data-theme="dark"] .flashlight-card { backdrop-filter: none; -webkit-backdrop-filter: none; }
  html[data-theme="dark"] .flashlight-card::after { display: none; }
}
html[data-theme="dark"] .flashlight-card:hover { background: var(--glass-fill); }
html[data-theme="dark"] .icon-ring :is(.text-blue-600, .text-blue-700, .text-sky-600, .text-sky-700) { color: #8fc7ff !important; }
html[data-theme="dark"] .icon-ring :is(.text-teal-600, .text-teal-700, .text-emerald-600, .text-emerald-700) { color: #82e8d7 !important; }