/* EigenstÃ¤ndige Designpalette; Aktivierung ausschlieÃŸlich Ã¼ber data-app-theme. */
html[data-app-theme="soft"] {
  --app-theme-font: "Segoe UI", system-ui, sans-serif;
  --app-radius: 14px;
  --app-control-radius: 10px;
  color-scheme: light;
  --app-bg: #eef1f6;
  --app-backdrop: radial-gradient(ellipse at 90% 0%, #f5e6eb88, transparent 44%), linear-gradient(135deg, #f4f6f9, #e9eef5);
  --app-surface: #ffffff;
  --app-surface-solid: #ffffff;
  --app-raised: linear-gradient(140deg, #ffffff, #fafbfd);
  --app-subtle: #f2f5f9;
  --app-input: linear-gradient(180deg, #e9edf4, #f4f6fa 38%, #f9fbfd);
  --app-text: #213047;
  --app-muted: #58687b;
  --app-line: #d3dce7;
  --app-hover: #e9eef5;
  --app-shadow: 0 8px 22px #25375117, 0 2px 4px #2537510b, inset 0 1px 0 #ffffff;
  --app-input-shadow: inset 0 2px 4px #25375120, inset 0 1px 1px #25375112, 0 1px 0 #ffffff;
  --app-control-shadow: 0 3px 5px #25375120, inset 0 1px 0 #ffffff, inset 0 -1px 0 #dce3ed;
  --app-glass: none;
}
