/* Eigenständige Designpalette; Aktivierung ausschließlich über data-app-theme. */
html[data-app-theme="glass"] {
  --app-theme-font: Calibri, "Segoe UI", sans-serif;
  --app-radius: 18px;
  --app-control-radius: 12px;
  color-scheme: light;
  --app-bg: #dce3ed;
  --app-backdrop: radial-gradient(ellipse 85% 55% at 105% -8%, #ad3652a0, transparent 70%), radial-gradient(ellipse 65% 70% at -15% 65%, #304f7c99, transparent 74%), radial-gradient(ellipse 80% 24% at 80% 85%, #ffffffb8, transparent 77%), linear-gradient(150deg, #bfd1e4, #91abc7 60%, #ada2b8);
  --app-surface: rgba(237,246,255,.72);
  --app-surface-solid: #f7f9fc;
  --app-raised: linear-gradient(140deg, #ffffffd9, #e1ebf5b5 55%, #eaf4ffc4);
  --app-subtle: #eaf0f7;
  --app-input: linear-gradient(180deg, #b8c9de9c, #f5f9ffb8 65%, #ffffffc9);
  --app-text: #1d2e46;
  --app-muted: #4d6078;
  --app-line: #f5faffb8;
  --app-hover: #e2eaf4;
  --app-shadow: 0 14px 32px #203c5f29, inset 0 1px 0 #ffffffed, inset 0 -1px 0 #ffffff50;
  --app-input-shadow: inset 0 2px 5px #15345830, inset 0 1px 1px #25496e1f, 0 1px 0 #ffffffb8;
  --app-control-shadow: 0 4px 8px #213e5c30, inset 0 1px 0 #ffffff, inset 0 -1px 1px #3b63813d;
  --app-glass: blur(16px) saturate(115%);
  --app-waves-opacity: .85;
  --app-edge-light: #ffffffdb;
}