/* EyesOver-Design (wie eyesover.de): Montserrat für Überschriften, Open Sans für Text, Poppins für Beschriftungen.
   Farben: Blau #2b91cd/#379bd5, Dunkelblau #09034e, Text #464457. Gilt für alle Regieraum-Seiten. */
html:root {
  --on-accent: #fff; --bar: var(--info); --on-bar: #fff;
  --bg: #f4f7fb; --surface: #ffffff; --surface-2: #eaf1f8; --border: #dfe5ee;
  --text: #131334; --text-dim: #464457; --text-faint: #858399;
  --dim: #464457; --faint: #858399;
  --accent: #2b91cd; --accent-dim: #e3f1fa;
  --navy: #09034e;
  --ok: #00a257; --ok-bg: #dff6ea;
  --warn: #a67a00; --warn-bg: #fdf3cf;
  --neutral: #464457; --neutral-bg: #eaf1f8;
  --info: #09034e; --info-bg: #e3e7f7;
  --violet: #5b3fc4; --violet-bg: #ebe6fb;
  --pink: #e0386e; --pink-bg: #fde4ec;
  --shadow: 0 1px 2px rgba(9,3,78,.06), 0 8px 24px rgba(9,3,78,.05);
}
html:root[data-mode="dark"] {
  --on-accent: #06121f; --bar: #24245e; --on-bar: #eceaf6;
    --bg: #0e0e25; --surface: #16163a; --surface-2: #1d1d47; --border: #2b2b58;
    --text: #eceaf6; --text-dim: #b6b4cb; --text-faint: #807e9a; --dim: #b6b4cb; --faint: #807e9a;
    --accent: #4fb0e6; --accent-dim: #12314b; --navy: #c9d6ff;
    --ok: #2fd98a; --ok-bg: #0f3326; --warn: #f7cb04; --warn-bg: #3a3108;
    --neutral: #b6b4cb; --neutral-bg: #1d1d47; --info: #9fb2ff; --info-bg: #1c2152;
    --violet: #b39cff; --violet-bg: #2a2156; --pink: #ff7fa4; --pink-bg: #401a2c;
    --shadow: 0 1px 2px rgba(0,0,0,.35), 0 8px 24px rgba(0,0,0,.35);
  }
html:root[data-theme="dark"] {
  --bg: #0e0e25; --surface: #16163a; --surface-2: #1d1d47; --border: #2b2b58;
  --text: #eceaf6; --text-dim: #b6b4cb; --text-faint: #807e9a; --dim: #b6b4cb; --faint: #807e9a;
  --accent: #4fb0e6; --accent-dim: #12314b; --navy: #c9d6ff;
}
html body { font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
html body h1, html body h2, html body h3, html body header b, html body .rr-back-title, html body .rr-mtitle {
  font-family: 'Montserrat', 'Open Sans', sans-serif; letter-spacing: -0.01em;
}
html body h1, html body h2 { color: var(--navy); }
html:root[data-mode="dark"] body h1, html:root[data-mode="dark"] body h2 { color: var(--text); }
/* Poppins braucht keine Mono-Laufweite */
html body .nav button, html body .stat-tile .label, html body .kunde-group-head { letter-spacing: 0; }
/* Logo in der Seitenleiste im Dunkeln hell */
html[data-mode="dark"] body .rail .brand-logo { filter: brightness(0) invert(1); opacity: .92; }