/* Farbrollen wie im BDL-Controller-Portal. Komponenten verwenden nie feste Farben. */
:root[data-theme="fs-dark"] {
  color-scheme: dark;
  --bg: #0b0d10;
  --surface: #14171c;
  --surface-2: #1a1e24;
  --surface-hover: #1f242b;
  --border: #262c34;
  --text: #e7eaee;
  --text-muted: #98a2ae;
  --accent: #2f8cff;
  --accent-strong: #5aa4ff;
  --accent-soft: #10243d;
  --on-accent: #ffffff;
  --topbar: #08090b;
  --ok: #34c472;
  --warn: #f0a92e;
  --error: #ef5350;
  --error-soft: #3a1416;
  --shadow: 0 1px 2px rgba(0, 0, 0, .5);
  --shadow-lift: 0 8px 24px rgba(0, 0, 0, .45);
  --focus: 0 0 0 3px rgba(47, 140, 255, .35);
  --login-bg: radial-gradient(circle at 20% 15%, #16263d 0%, #0b0d10 55%);
  --logo-tool: #cdd4de;
  --logo-accent: #2f8cff;
}

:root[data-theme="fs-light"] {
  color-scheme: light;
  --bg: #f3f5f8;
  --surface: #ffffff;
  --surface-2: #f6f8fb;
  --surface-hover: #f0f4fa;
  --border: #dfe4ea;
  --text: #17202b;
  --text-muted: #5d6978;
  --accent: #1565c0;
  --accent-strong: #0d4f9e;
  --accent-soft: #e6effa;
  --on-accent: #ffffff;
  --topbar: #ffffff;
  --ok: #1e8e4e;
  --warn: #b7791f;
  --error: #c62828;
  --error-soft: #fdecec;
  --shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);
  --shadow-lift: 0 8px 24px rgba(16, 24, 40, .12);
  --focus: 0 0 0 3px rgba(21, 101, 192, .28);
  --login-bg: linear-gradient(160deg, #eef3fa 0%, #dfe9f6 100%);
  --logo-tool: #384858;
  --logo-accent: #285898;
}