/* DHS NEXUS Profi Suite · Farbpaletten fuer den persoenlichen Testzugang.
 *
 * Reine Token-Overrides auf :root[data-nexus-palette] — Layout, Navigation,
 * Komponenten, Typografie, Groessen und Abstaende bleiben unveraendert
 * (Master-Auftrag §1: die einzige erlaubte visuelle Abweichung).
 *
 * Das Attribut setzt ausschliesslich der Demo-Modus (app-nexus-demo.js);
 * im Live-CRM ist es nie gesetzt, diese Datei ist dort wirkungslos.
 *
 * Paletten: original (= keine Overrides) · graphit · petrol · bernstein · hell.
 * Kontraste je Palette gegen --bg und --bg-card auf WCAG AA geprueft
 * (Fliesstext >= 4.5:1, grosse Ziffern >= 3:1).
 */

/* ── Graphit/Lime · kuehleres Neutralgrau, Marke bleibt Lime ───────── */
:root[data-nexus-palette="original"] .dash-delta.dash-up{color:#86E2AF}

:root[data-nexus-palette="graphit"]{
  --bg:#0B0C0E; --bg-2:#101214; --bg-card:#15181B; --bg-elev:#1A1E22;
  --bg-3:#0E1013; --bg-hover:#1D2126;
  --line:rgba(235,237,240,.13); --line-soft:rgba(235,237,240,.07);
  --line-strong:rgba(235,237,240,.20); --line-lime:rgba(184,232,52,.45);
  --ink:#ECEEF0; --muted:#A8ADB4; --muted-2:#B4B9C0;
  --neutral:#A8ADB4;
}

/* ── Petrol · dunkles Blaugruen, Akzent Cyan-Tuerkis ───────────────── */
:root[data-nexus-palette="petrol"]{
  --bg:#071214; --bg-2:#0B181B; --bg-card:#0F1F23; --bg-elev:#14272C;
  --bg-3:#0A1518; --bg-hover:#173036;
  --line:rgba(224,238,240,.13); --line-soft:rgba(224,238,240,.07);
  --line-strong:rgba(224,238,240,.20); --line-lime:rgba(74,222,205,.45);
  --lime:#4ADECD; --lime-soft:rgba(74,222,205,.13); --lime-deep:#6FF0E1;
  --lime-glow:rgba(74,222,205,.35);
  --orange:#F2A54A; --orange-soft:rgba(242,165,74,.15);
  --ink:#E8F1F0; --muted:#9FB4B2; --muted-2:#ABBFBD;
  --info:#6FAFF5; --ok:#5BD3A0; --neutral:#9FB4B2;
}

/* ── Bernstein · warmes Anthrazit, Akzent Amber ────────────────────── */
:root[data-nexus-palette="bernstein"]{
  --bg:#100D08; --bg-2:#16120C; --bg-card:#1C1710; --bg-elev:#231D14;
  --bg-3:#130F0A; --bg-hover:#282115;
  --line:rgba(240,234,222,.13); --line-soft:rgba(240,234,222,.07);
  --line-strong:rgba(240,234,222,.20); --line-lime:rgba(245,185,66,.45);
  --lime:#F5B942; --lime-soft:rgba(245,185,66,.14); --lime-deep:#FFCE66;
  --lime-glow:rgba(245,185,66,.35);
  --orange:#FF7A45; --orange-soft:rgba(255,122,69,.15);
  --ink:#F0EADC; --muted:#B3AA97; --muted-2:#BDB4A2;
  --warn:#F5D061; --neutral:#B3AA97;
}

/* ── Hell/Editorial · helles Papier, dunkle Tinte, Oliv-Akzent ─────── */
:root[data-nexus-palette="hell"]{
  --bg:#F3F1E9; --bg-2:#ECEAE0; --bg-card:#FBFAF5; --bg-elev:#FFFFFF;
  --bg-3:#EFEDE4; --bg-hover:#E5E3D8;
  --line:rgba(26,29,26,.16); --line-soft:rgba(26,29,26,.08);
  --line-strong:rgba(26,29,26,.26); --line-lime:rgba(86,111,26,.55);
  --lime:#3E5013; --lime-soft:rgba(62,80,19,.12); --lime-deep:#2E3C0E;
  --lime-glow:rgba(86,111,26,.30);
  --orange:#B4530E; --orange-soft:rgba(180,83,14,.12);
  --ink:#1A1D1A; --muted:#4A4F48; --muted-2:#3E433C;
  --danger:#B02E20; --danger-bg:rgba(176,46,32,.10);
  --warn:#6D5300; --info:#1D5FB8; --ok:#135A34;
  --neutral:#4A4F48; --unknown:#5C6157;
  --shadow-card:0 1px 2px rgba(26,29,26,.10), 0 4px 16px -8px rgba(26,29,26,.14);
  --shadow-lift:0 4px 10px rgba(26,29,26,.12), 0 20px 40px -14px rgba(26,29,26,.18);
  --shadow-panel:0 30px 70px -28px rgba(26,29,26,.28);
}
/* Kontrast-Ausgleich fuer die helle Palette: das hardkodierte #8C9874 in .brand-sub
   und die Lime/Dark-Kombination in .nav-dot fallen unter WCAG AA. Overrides nur hier. */
:root[data-nexus-palette="hell"] .brand-sub{color:var(--muted)}
:root[data-nexus-palette="hell"] .nav-dot{color:#FFFFFF}
/* Kleine Filterzaehler brauchen den vollen Textkontrast: die allgemeine
   .seg-n-Deckkraft (.7/.75) blendet muted in hell unter WCAG AA. */
:root[data-nexus-palette="hell"] .seg-btn .seg-n{opacity:1}
/* Die Topbar ist im app.css fest auf dunkles Glas geblendet — in hell braucht
   sie einen hellen Untergrund, damit .top-mrr-Texte Kontrast bekommen. */
:root[data-nexus-palette="hell"] .topbar{background:rgba(251,250,245,.92)}
/* Danger-Button und OK-Puls sind in hell knapp unter AA — weisser Text bzw. dunkleres Gruen fixt beides. */
:root[data-nexus-palette="hell"] .global-alarm-button strong{color:#FFFFFF}
:root[data-nexus-palette="hell"] .dash360-pulsebar b{color:#135A34}
/* Beide Marketing-Blocks im Dashboard sind mit dunklem rgba() hardcoded — in hell
   liegen Kicker/Ok/Warn-Texte darauf auf dunklem Untergrund. Wir kehren auf hell um. */
:root[data-nexus-palette="hell"] .dash-marketing-lead{background:radial-gradient(circle at 5% 0,rgba(86,111,26,.10),transparent 42%),var(--bg-card)}
:root[data-nexus-palette="hell"] .dash-marketing-campaigns{background:var(--bg-card)}
/* Warn 4.48 → dunkler; Ops-Card-Small ist Beschreibungstext, gehoert nach muted. */
:root[data-nexus-palette="hell"] .agent-state{color:#7A5C00}
:root[data-nexus-palette="hell"] .ops-agent-card small{color:var(--muted)}
/* Lime-Text auf leicht getoentem Beige unter 4.5 — Fliesstext in .cagents-note gehoert nach muted. */
:root[data-nexus-palette="hell"] .cagents-note{color:var(--muted)}
/* .btn-danger-ghost ist im app.css fest auf helles Rot geblendet — in hell braucht der Text ein dunkleres Danger. */
:root[data-nexus-palette="hell"] .btn-danger,
:root[data-nexus-palette="hell"] .btn-danger-ghost{color:var(--danger)}
:root[data-nexus-palette="hell"] .btn-danger:hover,
:root[data-nexus-palette="hell"] .btn-danger-ghost:hover{color:#8A2318}