/* Night Mode fuer alle DCA-Tools. Schalter: night.js setzt <html data-theme="dark|light">. */
.night-sw { position: fixed; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); left: max(12px, env(safe-area-inset-left, 0px)); z-index: 60; width: 44px; height: 44px; padding: 0; display: grid; place-items: center; border-radius: 50%; border: 2px solid #ff8f4e; background: #fff; color: #c9622f; cursor: pointer; box-shadow: 0 3px 12px rgba(0, 0, 0, .25); }
.night-sw svg { width: 24px; height: 24px; }
.night-sw .i-sun { display: none; }
:root[data-theme="dark"] .night-sw { background: #0b1230; color: #ff8f4e; }
:root[data-theme="dark"] .night-sw .i-moon { display: none; }
:root[data-theme="dark"] .night-sw .i-sun { display: block; }
.night-sw:focus-visible { outline: 3px solid #ff8f4e; outline-offset: 3px; }

:root[data-theme="dark"] {
  --bg: #080c18; --surface: #0f1526; --surface-2: #151c32; --ink: #ecebe6; --muted: #a2a9bd; --line: #26304d;
  --accent: #ff8f4e; --accent-ink: #ffa774; --accent-soft: rgba(255, 143, 78, .16);
  --invest: #8e9aad; --lump: #7db0ff; --pos: #4cc38a; --neg: #ff8a80; --cream: #1a2140; color-scheme: dark;
}
:root[data-theme="dark"] body { background: var(--bg); color: var(--ink); }
:root[data-theme="dark"] .vnav { background: #05070f; border-color: var(--line); }
:root[data-theme="dark"] .vnav-logo, :root[data-theme="dark"] .vnav-links a { color: #ecebe6; }
:root[data-theme="dark"] .vnav-links a.active, :root[data-theme="dark"] .vnav-links a:hover { color: #ff8f4e; }
:root[data-theme="dark"] .tabs a { background: var(--surface); color: var(--ink); border-color: var(--line); }
:root[data-theme="dark"] .tabs a.active { background: #ff8f4e; color: #100a02; border-color: #ff8f4e; }
:root[data-theme="dark"] .card, :root[data-theme="dark"] .kpi, :root[data-theme="dark"] .zst { background: var(--surface); border-color: var(--line); }
:root[data-theme="dark"] input, :root[data-theme="dark"] select, :root[data-theme="dark"] textarea { background: var(--surface-2); color: var(--ink); border-color: var(--line); }
:root[data-theme="dark"] .btn { background: #ff8f4e; color: #100a02; }
:root[data-theme="dark"] .btn:disabled { background: var(--surface-2); color: var(--muted); }
:root[data-theme="dark"] .btn.ghost { background: transparent; color: var(--ink); border-color: var(--line); }
:root[data-theme="dark"] .ctools .chip[aria-pressed="true"], :root[data-theme="dark"] .seg input:checked + label { background: #ff8f4e; border-color: #ff8f4e; color: #100a02; }
:root[data-theme="dark"] .chip:hover { background: var(--cream); }
:root[data-theme="dark"] .warn { background: #2a2210; color: #f3e6b5; }
:root[data-theme="dark"] .privacy, :root[data-theme="dark"] .nofa { background: #1a2140; color: #ecebe6; border-color: var(--line); }
:root[data-theme="dark"] .mus-dock { background: var(--surface); border-color: var(--line); }
:root[data-theme="dark"] table td, :root[data-theme="dark"] table th { border-color: var(--line); }
:root[data-theme="dark"] svg text { fill: var(--muted); }
:root[data-theme="dark"] .moon-tag text { fill: #ff8f4e; }
:root[data-theme="dark"] a { color: inherit; }
:root[data-theme="dark"] .foot, :root[data-theme="dark"] .src, :root[data-theme="dark"] .src a { color: var(--muted); }
:root[data-theme="dark"] .privacy.beta { background: #10224a !important; border-color: #2c4a86 !important; color: #ecebe6; }
:root[data-theme="dark"] .x-close { color: #ecebe6; }

/* Hauptseite (styles.css nutzt --bg/--ink/--muted/--border/--panel/--cream) */
:root[data-theme="dark"] { --border: #26304d; --panel: #0f1526; --orange-deep: #ff8f4e; }
:root[data-theme="dark"] nav.solid { background: rgba(5, 8, 20, .92); }
:root[data-theme="dark"] nav.solid .nav-logo, :root[data-theme="dark"] nav.solid .nav-links a { color: #ecebe6; }
:root[data-theme="dark"] nav.solid .nav-toggle span { background: #ecebe6; }
:root[data-theme="dark"] .nav-links.open, :root[data-theme="dark"] .nav-links.show { background: #05081a; }
:root[data-theme="dark"] section, :root[data-theme="dark"] footer { background-color: var(--bg); }
:root[data-theme="dark"] .btn:not(.ghost) { background: #ff8f4e; color: #100a02; }
:root[data-theme="dark"] .btn.ghost { color: var(--ink); border-color: var(--border); }
:root[data-theme="dark"] #hero .btn:not(.ghost) { color: #100a02; }
:root[data-theme="dark"] #hero .btn.ghost { color: #ff8f4e; border-color: rgba(255, 143, 78, .6); }
:root[data-theme="dark"] #kuenstler, :root[data-theme="dark"] #kontakt { background: #03050d; }
:root[data-theme="dark"] img { filter: brightness(.92); }