/* Eigenständige Designpalette; Aktivierung ausschließlich über data-app-theme. */
html[data-app-theme="dark"] {
  --app-theme-font: Verdana, Geneva, sans-serif;
  --app-radius: 12px;
  --app-control-radius: 8px;
  color-scheme: dark;
  --app-bg: #0b1927;
  --app-backdrop: radial-gradient(ellipse at 95% -20%, #6c183342, transparent 54%), radial-gradient(ellipse at 35% 12%, #20435e50, transparent 65%), linear-gradient(135deg, #0d1f30, #081622);
  --app-surface: #152a3e;
  --app-surface-solid: #142639;
  --app-raised: linear-gradient(145deg, #233e58 0%, #1a3047 35%, #112337 100%);
  --app-subtle: #112337;
  --app-input: linear-gradient(180deg, #081826 0%, #0c1d2d 48%, #11263b 100%);
  --app-text: #edf2f9;
  --app-muted: #b4c1d4;
  --app-line: #365570;
  --app-hover: #2c3e55;
  --app-accent-soft: #402034;
  --app-accent-text: #ff7997;
  --app-focus: #e96d8b;
  --app-shadow: 0 10px 24px #000b1447, 0 2px 4px #00000020, inset 0 1px 0 #9bbcdc25;
  --app-input-shadow: inset 0 3px 7px #00081299, inset 0 1px 2px #00050a70, 0 1px 0 #91b4d12b;
  --app-control-shadow: 0 3px 7px #0009125c, inset 0 1px 0 #a1c5e836, inset 0 -1px 0 #000e1c88;
  --app-glass: none;
  --app-nav: linear-gradient(145deg, #10253a, #091827 65%);
  --app-summary: linear-gradient(145deg, #243f5b, #10273f 65%, #0c2034);
  --app-waves-opacity: .14;
  --app-edge-light: #9bbcdc36;
}