/* ==========================================================================
   DexOne – zentrale Farb-Tokens (Single-Source)
   --------------------------------------------------------------------------
   Verbindliche Quelle: das offizielle DexOne Design-Kit, Version 1.0 vom
   02.08.2026 (`design/dexone-designkit/02-farben/dexone-tokens.css`). Die
   Marken- und Neutralwerte stimmen damit exakt mit dexone.ch überein.

   ZWEI REGELN, die hier gelten und die man nicht aus Versehen brechen darf:

   1. DIE SIEBEN STATUSFARBEN BLEIBEN UNVERÄNDERT — Entscheid des
      Auftraggebers vom 02.08.2026: «Wiedererkennung geht hier vor
      Markenkonformität.» Das Kit führt für alle sieben abweichende Werte
      (bis ΔE 22 bei «Angenommen»); übernommen wird davon KEINER. Auch
      «Fakturiert» bleibt auf #0f8a7e, obwohl das Kit dort bewusst die
      Markenfarbe setzt — ausdrücklich so entschieden.
   2. HIER STEHEN DIE HEX-WERTE, SONST NIRGENDS. Im übrigen Code nur
      `var(--dx-…)`. Ausnahme sind Stellen, die kein CSS laden können:
      `<meta name="theme-color">` und die Rechnungsvorlage (WeasyPrint).
      Ändert sich hier ein Markenwert, müssen die mitgezogen werden.

   Wird über hooks.py in BEIDE Oberflächen geladen:
     - app_include_css  -> Standard-Oberfläche (Plantafel, ...)
     - web_include_css  -> Fahrer-App (www/meine-auftraege.html)
   Eine Änderung an den Marken-/Neutralwerten wirkt deshalb auch in der
   Fahrer-App, ohne dass eine ihrer Dateien angefasst wird.
   ========================================================================== */
:root {
  /* ── Marke / Petrol — Design-Kit 1.0, verbindlich ─────────────────────── */
  --dx-petrol-dark:  #0B3D3D;   /* Primär dunkel: Navigation, Primär-Buttons */
  --dx-petrol:       #0F6B6B;   /* Primär: Akzente, aktive Zustände, Links   */
  --dx-petrol-soft:  #E6F0F0;   /* Petrol getönt: Fokus-Ringe, Hover-Flächen */
  --dx-petrol-border:#C7DEDD;   /* Petrol Rahmen (Kit: --dx-petrol-line)     */
  --dx-petrol-light: #8FCFCC;   /* Text/Bildmarke auf dunklem Petrol         */
  --dx-petrol-hover: #0C5757;   /* Hover auf primären Buttons                */

  /* Basis-Aliasse (Namen aus dem Altsystem beibehalten -> 1:1-Port des JS/CSS;
     Werte neu auf Petrol. --dx-green/orange bleiben funktionale Signalfarben.) */
  --dx-blue:         #0F6B6B;   /* vormals System-Blau -> jetzt Petrol        */
  --dx-blue-soft:    #E6F0F0;
  --dx-green:        #1f9d57;   /* Grün: Entlade-Pin, Timeline                */
  --dx-orange:       #e8730c;   /* Orange: Auftrag/Vorladen-Akzent            */
  --dx-orange-soft:  #fdecd9;
  --dx-orange-border:#f6c89a;
  --dx-orange-hint:  #7a4a16;

  /* Neutrale (Plantafel / Modal) — Design-Kit 1.0.
     Die Kit-Grautöne sind grünstichig und passen damit zum Petrol; die
     bisherigen waren blaustichig (ΔE 11.6 bzw. 11.3). */
  --dx-text:         #12211F;
  --dx-muted:        #5C6763;
  --dx-faint:        #9aa2ad;
  --dx-border:       #E2E6E4;
  --dx-border-strong:#d8dce1;
  --dx-card:         #FFFFFF;
  --dx-bg:           #F2F4F7;
  /* ACHTUNG Namensgleichheit: Im Design-Kit heisst `--dx-surface` die WEISSE
     Kartenfläche, hier war es bisher der graue Seitenhintergrund. Das Token
     hat im Code null Verwendungen, deshalb ist die Bedeutung jetzt die des
     Kits — wer es benutzt, meint Weiss. Der graue Grund heisst `--dx-bg`. */
  --dx-surface:      #FFFFFF;
  --dx-surface-2:    #EDF0EF;   /* Kit: --dx-line-soft, feine Listentrennung */

  /* Dunkler Aktions-Button (Primär in Panel/Modal) -> Petrol dunkel */
  --dx-btn-dark:     #0B3D3D;
  --dx-btn-dark-hover:#0C5757;

  /* Danger / Löschen */
  --dx-danger:       #c0392b;

  /* ── 7 Status (fg = Text/Rahmen, bg = getönte Fläche) ─ UNVERÄNDERT ────── */
  --dx-st-offen-fg:     #6b7480;  --dx-st-offen-bg:     #eef0f2;
  --dx-st-zugeteilt-fg: #e8730c;  --dx-st-zugeteilt-bg: #fdecd9;
  --dx-st-angenommen-fg:#5b53c9;  --dx-st-angenommen-bg:#eae8fb;
  --dx-st-inarbeit-fg:  #2f7fed;  --dx-st-inarbeit-bg:  #e8f1fe;
  --dx-st-erledigt-fg:  #1f9d57;  --dx-st-erledigt-bg:  #e3f4ea;
  --dx-st-fakturiert-fg:#0f8a7e;  --dx-st-fakturiert-bg:#dcf2ee;
  --dx-st-storniert-fg: #d23f3f;  --dx-st-storniert-bg: #fbe6e6;

  /* ── Fahrer-App-eigene Töne ───────────────────────────────────────────────
     Primärton auf das Kit-Petrol nachgezogen, damit die App nicht als
     einziger Teil des Produkts ein abweichendes Petrol führt. Die
     FUNKTIONALEN Signalfarben der App (grün/amber/logout) bleiben
     unverändert — sie stehen für Handlungen, nicht für die Marke. */
  --dx-app-primary:      #0F6B6B;
  --dx-app-green:        #1d9e75;
  --dx-app-amber:        #ba7517;
  --dx-app-avatar-bg:    #E6F0F0;  --dx-app-avatar-fg:#0B3D3D;
  --dx-app-icon-bg:      #E6F0F0;
  --dx-app-leiste-bg:    #eef1f4;
  --dx-app-vorladen-bg:  #fdf3e6;
  --dx-app-note-orange-bg:#fdf0e1; --dx-app-note-orange-fg:#9a5a12;
  --dx-app-note-green-bg: #e1f5ee; --dx-app-note-green-fg: #0f6e56;
  --dx-app-toggle-off:   #cfd4da;
  --dx-app-logout:       #A32D2D;
  --dx-app-toast-bg:     #10181a;

  /* ── Ex-Legacy (Kalendergitter/untere Liste) – auf Petrol nachgezogen ───── */
  --dx-legacy-blue:    #0B3D3D;
  --dx-legacy-flaeche: #E6F0F0;
  --dx-legacy-outline: #0F6B6B;   /* Drop-Zone-Outline                        */
  --dx-legacy-red-fg:  #A32D2D;   --dx-legacy-red-bg:#FCEBEB;
}