/* Bechtle Designtokens - erzeugt von scripts/bechtle_tokens.py
 * Farbquelle: VORLAGE_Bechtle_Management_Summary.docx + Bechtle_Aufbaukonzept_Vorlage.dotx (clrScheme 'Benutzerdefiniert 250')
 *             Bechtle_PPT_Design_Kit_DE_v04.potx (Theme 'Bechtle Template 2024')
 * Rampenformel: shade = kanal * f (f = 0.8/0.6/0.4); tint = kanal + (255 - kanal) * t (t = 0.4/0.6)
 * Nicht von Hand bearbeiten - Skript erneut ausfuehren.
 */
:root {
  /* Schrift */
  --bechtle-font: "Bechtle Pro", "Segoe UI", Arial, Helvetica, sans-serif;
  --bechtle-font-mono: "Cascadia Mono", Consolas, "SF Mono", monospace;

  /* Markenfarben */
  --bechtle-gruen-dunkel: #075033;
  --bechtle-gruen-ueberschrift: #053B25;
  --bechtle-gruen: #23A96A;
  --bechtle-mint: #2FFB95;
  --bechtle-limette: #AADE0C;
  --bechtle-cyan: #27C9D1;
  --bechtle-blau: #346CEF;
  --bechtle-grau-text: #595959;
  --bechtle-grau-linie: #C3C3C3;
  --bechtle-grau-tabellenlinie: #978F83;
  --bechtle-grau-bullet: #969986;
  --bechtle-gruen-wortmarke: #185339;
  --bechtle-schwarz: #000000;
  --bechtle-weiss: #FFFFFF;
  --bechtle-status-warnung: #FF9C5C;
  --bechtle-status-fehler: #D9486C;
  --bechtle-status-info: #A774D8;

  /* Abstufungen nach offizieller Bechtle-Rampe */
  --bechtle-gruen-dunkel-tint40: #6A9685;
  --bechtle-gruen-dunkel-tint60: #9CB9AD;
  --bechtle-gruen-dunkel-shade80: #064029;
  --bechtle-gruen-dunkel-shade60: #04301F;
  --bechtle-gruen-dunkel-shade40: #032014;
  --bechtle-gruen-tint40: #7BCBA6;
  --bechtle-gruen-tint60: #A7DDC3;
  --bechtle-gruen-shade80: #1C8755;
  --bechtle-gruen-shade60: #156540;
  --bechtle-gruen-shade40: #0E442A;
  --bechtle-limette-tint40: #CCEB6D;
  --bechtle-limette-tint60: #DDF29E;
  --bechtle-limette-shade80: #88B20A;
  --bechtle-limette-shade60: #668507;
  --bechtle-limette-shade40: #445905;
  --bechtle-cyan-tint40: #7DDFE3;
  --bechtle-cyan-tint60: #A9E9ED;
  --bechtle-cyan-shade80: #1FA1A7;
  --bechtle-cyan-shade60: #17797D;
  --bechtle-cyan-shade40: #105054;
  --bechtle-blau-tint40: #85A7F5;
  --bechtle-blau-tint60: #AEC4FA;
  --bechtle-blau-shade80: #2A56BF;
  --bechtle-blau-shade60: #1F418F;
  --bechtle-blau-shade40: #152B60;
  --bechtle-gruen-ueberschrift-tint40: #69897C;
  --bechtle-gruen-ueberschrift-tint60: #9BB1A8;
  --bechtle-gruen-ueberschrift-shade80: #042F1E;
  --bechtle-gruen-ueberschrift-shade60: #032316;
  --bechtle-gruen-ueberschrift-shade40: #02180F;

  /* Semantische Zuweisungen - hier anpassen, nicht die Markenfarben oben */
  --bechtle-bg: var(--bechtle-weiss);
  --bechtle-bg-gedaempft: var(--bechtle-gruen-tint60);
  --bechtle-text: var(--bechtle-schwarz);
  --bechtle-text-gedaempft: var(--bechtle-grau-text);
  --bechtle-rahmen: var(--bechtle-grau-linie);
  --bechtle-primaer: var(--bechtle-gruen-dunkel);
  --bechtle-primaer-text: var(--bechtle-weiss);
  --bechtle-akzent: var(--bechtle-gruen);
  --bechtle-link: var(--bechtle-blau);
  --bechtle-ueberschrift: var(--bechtle-gruen-ueberschrift);

  /* Status-/Systemfarben. KEINE eigenen Hex-Werte fuer Warnung/Fehler/Info
     erfinden - im gesamten Bechtle-Material (Word-Theme, alle vier PPT-
     Farbthemen) kommt kein Rot und kein Orange als Akzent vor. Die drei
     Werte hier sind trotzdem keine Erfindung: sie stammen aus der
     custClrLst des PPT Design Kits ("Raspberry", "Light Orange", "Purple"),
     einer Liste zusaetzlicher Farbfelder, byteidentisch in allen vier
     Farbthemen - das einzige halboffizielle Signal zu Nicht-Gruen-Tonen
     im ganzen Material. "Erfolg" braucht keine Ausnahme, dafuer steht
     bereits Markengruen. */
  /* --bechtle-status-warnung/-fehler/-info sind oben bereits als
     Markenfarben definiert (aus der custClrLst). Hier nur die dazu
     passende Textfarbe - nicht raten, Warnung traegt auf Weiss nur 2.07:1. */
  --bechtle-status-erfolg: var(--bechtle-gruen-dunkel);
  --bechtle-status-erfolg-text: var(--bechtle-weiss);
  --bechtle-status-warnung-text: #000000;
  --bechtle-status-fehler-text: #000000;
  --bechtle-status-info-text: #000000;

  /* Diagrammserien. --bechtle-serie-N ist die flaechige Reihenfolge aus
     den Referenzdiagrammen (ohne Neon-Mint) und damit die richtige Wahl
     fuer Balken, Flaechen und gestapelte Segmente.
     --bechtle-kat-N ist der vollstaendige Sechser-Zyklus accent1..accent6
     fuer Kreis- und Ringdiagramme. */
  --bechtle-serie-1: #075033;
  --bechtle-serie-2: #23A96A;
  --bechtle-serie-3: #AADE0C;
  --bechtle-serie-4: #27C9D1;
  /* Labelfarbe INNERHALB der jeweiligen Serie - nicht raten, die
     Serien wechseln zwischen hell und dunkel. */
  --bechtle-serie-1-text: #FFFFFF;
  --bechtle-serie-2-text: #000000;
  --bechtle-serie-3-text: #000000;
  --bechtle-serie-4-text: #000000;
  --bechtle-kat-1: #075033;
  --bechtle-kat-2: #23A96A;
  --bechtle-kat-3: #2FFB95;
  --bechtle-kat-4: #AADE0C;
  --bechtle-kat-5: #27C9D1;
  --bechtle-kat-6: #346CEF;
  --bechtle-linie-1: #075033;
  --bechtle-linie-2: #AADE0C;
  --bechtle-linie-3: #2FFB95;
}

/* Dunkler Modus - ausschliesslich aus Markenwerten zusammengesetzt.
   Kein einziger Hex-Wert ist hier neu erfunden. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bechtle-bg: var(--bechtle-gruen-dunkel-shade40);  /* #032014, die dunkelste Stufe des Primaergruens */
    --bechtle-bg-gedaempft: var(--bechtle-gruen-dunkel-shade60);  /* abgesetzte Flaeche */
    --bechtle-text: var(--bechtle-weiss);  /* 17.2:1 - AAA */
    --bechtle-text-gedaempft: var(--bechtle-grau-linie);  /* 9.8:1 - AAA */
    --bechtle-rahmen: var(--bechtle-gruen-dunkel-shade80);  /* dezente Trennlinie */
    --bechtle-primaer: var(--bechtle-gruen);  /* 5.7:1 - das dunkle Gruen traegt hier nicht mehr */
    --bechtle-primaer-text: var(--bechtle-schwarz);  /* auf 23A96A ist Schwarz lesbarer */
    --bechtle-ueberschrift: var(--bechtle-gruen-tint40);  /* 9.0:1 - AAA */
    --bechtle-link: var(--bechtle-blau-tint40);  /* 7.2:1 - reines 346CEF waere hier zu dunkel */
    --bechtle-serie-1: #23A96A;  /* 5.7:1 - ersetzt #075033, das hier nur 1.8:1 erreicht */
    --bechtle-serie-2: #27C9D1;  /* 8.5:1 */
    --bechtle-serie-3: #AADE0C;  /* 10.8:1 */
    --bechtle-serie-4: #2FFB95;  /* 12.6:1 */
    --bechtle-serie-1-text: #000000;  /* Label in dieser Serie */
    --bechtle-serie-2-text: #000000;  /* Label in dieser Serie */
    --bechtle-serie-3-text: #000000;  /* Label in dieser Serie */
    --bechtle-serie-4-text: #000000;  /* Label in dieser Serie */
  }
}

/* Der Umschalter der Seite setzt data-theme und muss in beide Richtungen gewinnen. */
:root[data-theme="dark"] {
  --bechtle-bg: var(--bechtle-gruen-dunkel-shade40);  /* #032014, die dunkelste Stufe des Primaergruens */
  --bechtle-bg-gedaempft: var(--bechtle-gruen-dunkel-shade60);  /* abgesetzte Flaeche */
  --bechtle-text: var(--bechtle-weiss);  /* 17.2:1 - AAA */
  --bechtle-text-gedaempft: var(--bechtle-grau-linie);  /* 9.8:1 - AAA */
  --bechtle-rahmen: var(--bechtle-gruen-dunkel-shade80);  /* dezente Trennlinie */
  --bechtle-primaer: var(--bechtle-gruen);  /* 5.7:1 - das dunkle Gruen traegt hier nicht mehr */
  --bechtle-primaer-text: var(--bechtle-schwarz);  /* auf 23A96A ist Schwarz lesbarer */
  --bechtle-ueberschrift: var(--bechtle-gruen-tint40);  /* 9.0:1 - AAA */
  --bechtle-link: var(--bechtle-blau-tint40);  /* 7.2:1 - reines 346CEF waere hier zu dunkel */
  --bechtle-serie-1: #23A96A;  /* 5.7:1 - ersetzt #075033, das hier nur 1.8:1 erreicht */
  --bechtle-serie-2: #27C9D1;  /* 8.5:1 */
  --bechtle-serie-3: #AADE0C;  /* 10.8:1 */
  --bechtle-serie-4: #2FFB95;  /* 12.6:1 */
  --bechtle-serie-1-text: #000000;  /* Label in dieser Serie */
  --bechtle-serie-2-text: #000000;  /* Label in dieser Serie */
  --bechtle-serie-3-text: #000000;  /* Label in dieser Serie */
  --bechtle-serie-4-text: #000000;  /* Label in dieser Serie */
}