/* Leitstand V2 (seit 28.09.2026): Farbwerte aus Figma, Sammlung „Farbe“ (Modi Dunkel und Hell),
   und ihre Zuordnung auf die Namen, die Vorlage und Verwaltung (board.css) schon benutzen.
   Gemeinsame Grundlage für leitstand-v2.css (Boards) und verwaltung-v2.css (Verwaltung). */

html.design-v2{
  /* ---- Leitstand, dunkel (Vorgabe) ---- */
  --l-aussen:#0a0c0e; --l-seite:#0e1013; --l-kachel:#15181c; --l-kachel-betont:#1c2026;
  --l-rand:#262a31; --l-auswahl:#2a2f37; --l-spur:#30353d; --l-rand-stark:#4a505a;
  --l-leise:#868c95; --l-gedaempft:#8b9098; --l-weich:#b7bcc4; --l-haupt:#e9ebee; --l-betont:#ffffff;
  --l-akzent:#c6f432; --l-auf-akzent:#0e1013;
  --l-ueberblick:#2fd6c3; --l-besucher:#2a62f0; --l-marketing:#ff7a1a; --l-social:#ff4fa3;
  --l-ruf:#ffc53d; --l-suche:#3ddc97; --l-ki:#9a7bff; --l-website:#56c8ff; --l-verhalten:#ff8a65; --l-aktionen:#e07bff; --l-inhalte:#d6d3d1; --l-negativ:#ff6b6b;
  --l-besucher-hell:#8aa9ff;
  color-scheme:dark;
}
html.design-v2[data-thema="hell"]{
  --l-aussen:#e9ecef; --l-seite:#ffffff; --l-kachel:#f4f5f7; --l-kachel-betont:#eceef1;
  --l-rand:#dde0e5; --l-auswahl:#e3e6ea; --l-spur:#d5d9df; --l-rand-stark:#b4bac3;
  --l-leise:#5a6069; --l-gedaempft:#5c626b; --l-weich:#3d434b; --l-haupt:#111418; --l-betont:#111418;
  --l-akzent:#4a7300; --l-auf-akzent:#ffffff;
  --l-ueberblick:#0b7a6d; --l-besucher:#2456d6; --l-marketing:#b24d06; --l-social:#c7287a;
  --l-ruf:#8a5f00; --l-suche:#137a4b; --l-ki:#6a4ce0; --l-website:#07709f; --l-verhalten:#b3461f; --l-aktionen:#8e2bb0; --l-inhalte:#57534e; --l-negativ:#c02f2f;
  --l-besucher-hell:#3d63d6;
  color-scheme:light;
}

/* ---- Zuordnung auf die Namen der alten Vorlage ---- */
html.design-v2{
  --font:'Archivo','Helvetica Neue',Arial,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --bg:var(--l-seite); --surface:var(--l-seite); --flaeche:var(--l-kachel);
  --text:var(--l-haupt); --text-soft:var(--l-weich); --text-mute:var(--l-gedaempft); --ink:var(--l-haupt);
  --border:var(--l-rand); --border-soft:var(--l-rand); --linie-stark:var(--l-rand-stark);
  --accent:var(--l-akzent); --accent-hell:var(--l-akzent); --accent-deep:var(--l-akzent);
  --accent-soft:color-mix(in srgb,var(--l-akzent) 14%,transparent);
  --accent-10:color-mix(in srgb,var(--l-akzent) 10%,transparent); --accent-4:color-mix(in srgb,var(--l-akzent) 4%,transparent);
  --petrol-10:color-mix(in srgb,var(--l-ueberblick) 10%,transparent); --petrol-4:color-mix(in srgb,var(--l-ueberblick) 4%,transparent);
  --teal:var(--l-ueberblick); --teal-soft:color-mix(in srgb,var(--l-ueberblick) 14%,transparent);
  --gelb:var(--l-ruf); --gelb-soft:color-mix(in srgb,var(--l-ruf) 14%,transparent);
  --orange:var(--l-marketing); --orange-soft:color-mix(in srgb,var(--l-marketing) 14%,transparent);
  --gut:var(--l-akzent); --gut-soft:color-mix(in srgb,var(--l-akzent) 14%,transparent);
  --warn:var(--l-negativ); --warn-soft:color-mix(in srgb,var(--l-negativ) 14%,transparent);
  --stern:var(--l-ruf); --mittel:var(--l-ruf);
  --gut-box:color-mix(in srgb,var(--l-akzent) 12%,transparent); --gut-box-rand:color-mix(in srgb,var(--l-akzent) 35%,transparent); --gut-box-text:var(--l-akzent);
  --gelb-box:color-mix(in srgb,var(--l-ruf) 12%,transparent); --gelb-box-rand:color-mix(in srgb,var(--l-ruf) 35%,transparent); --gelb-box-text:var(--l-ruf);
  --k1:var(--l-spur);
  --k2:color-mix(in srgb,var(--l-akzent) 30%,var(--l-spur)); --k3:color-mix(in srgb,var(--l-akzent) 55%,var(--l-spur));
  --k4:color-mix(in srgb,var(--l-akzent) 78%,var(--l-spur)); --k5:var(--l-akzent);
  --r-xs:0; --r-s:0; --r-m:0; --r-l:0; --radius:0;
  --shadow:none; --shadow-lift:none;
  --auf-akzent:var(--l-auf-akzent);
}