/* ZABR — Colors. Ink dominates (min 60% of surface), Gold signals (max 20%). */
:root{
  /* Gold — signal colour only */
  --gold:#FFB400;
  --gold-dark:#CC8C00;
  --gold-dim:#7A5200;
  --gold-wash:rgba(255,180,0,0.12);

  /* Ink — dark foundation */
  --ink-1:#0D0D0D;
  --ink-2:#1A1A17;
  --ink-3:#2C2C28;
  --ink-4:#3D3D38;

  /* Paper — light mode, print */
  --paper:#EDE8DE;
  --paper-2:#F5F1E8;

  /* Foreground steps (on ink) */
  --fg-1:#F0EBE1;
  --fg-2:#A89F90;
  --fg-3:#5C574F;
  --fg-on-paper:#1A1A17;

  /* Status — UI only, never in brand/marketing surfaces */
  --status-run:#22C55E;
  --status-warn:#FFB400;
  --status-alert:#EF4444;
  --status-idle:#5C574F;

  /* Dieselben Zustaende als SCHRIFT — und deshalb eigene Rollen.
     Gemeldet von Sales am 02.09.2026, und der Befund ist richtig: als FLAECHE
     traegt das helle Gelb auch auf Papier, als SCHRIFT ist `#FFB400` dort
     unlesbar. `--text-accent` dreht im hellen Modus genau deshalb auf
     `--gold-dark`; die Statusfarben taten es nicht, weil sie nur einmal
     definiert waren. Wer eine Warnung als Text setzt, nimmt ab jetzt
     `--status-warn-fg`; die Flaeche bleibt `--status-warn`. */
  --status-run-fg:var(--status-run);
  --status-warn-fg:var(--status-warn);
  --status-alert-fg:var(--status-alert);

  /* Kategorial — Farben, die nur „verschieden" bedeuten.
     Diagrammreihen, Einfärbung je Auftrag, je Rüstgruppe, je Mitarbeiter.

     Acht Stufen, zyklisch zu benutzen: `--cat-{i mod 8 + 1}`. Wer mehr als
     acht Kategorien gleichzeitig einfärbt, hat kein Farbproblem, sondern ein
     Darstellungsproblem — dann gruppieren oder sortieren statt eine neunte
     Farbe erfinden.

     Bewusst OHNE Gold und ohne Grün/Rot: Gold ist das Signal, Grün und Rot
     sind Status. Eine Kategorie, die zufällig rot wird, liest sich als
     Warnung. */
  --cat-1:#5AA9E6;   /* Blau      */
  --cat-2:#B388FF;   /* Violett   */
  --cat-3:#26C6DA;   /* Türkis    */
  --cat-4:#F06292;   /* Rosé      */
  --cat-5:#E5964D;   /* Ocker     */
  --cat-6:#7FB069;   /* Salbei    */
  --cat-7:#9E8CFF;   /* Lavendel  */
  --cat-8:#C0A080;   /* Sand      */

  /* ── Semantic aliases ── */
  --surface-page:var(--ink-1);
  --surface-raised:var(--ink-2);
  --surface-card:var(--ink-3);
  --surface-light:var(--paper);
  --surface-accent:var(--gold);

  --text-body:var(--fg-1);
  --text-muted:var(--fg-2);
  --text-faint:var(--fg-3);
  --text-accent:var(--gold);
  --text-on-accent:var(--ink-1);
  --text-on-light:var(--fg-on-paper);

  --border-subtle:var(--ink-3);
  --border-strong:var(--ink-4);
  --border-accent:var(--gold-dim);

  --link:var(--gold);
  --link-hover:var(--gold-dark);

  --interactive-bg:var(--gold);
  --interactive-bg-hover:var(--gold-dark);
  --focus-ring:var(--gold);
}

/* ---------------------------------------------------------------------------
   Der helle Modus.

   Stand bis zum 12.08.2026 in `portal.css` — also in der Huelle statt im
   System. Wirkung: eine eingebettete App, die nach Leitfaden §9 nur die drei
   Tokendateien einbindet und brav `data-design="hell"` uebernimmt, bekam
   trotzdem einen dunklen Grund. Die Umschaltung, die der Leitfaden ihr
   zusagt, war gar nicht in dem, was sie laedt.

   Gefunden von der Demo-App, beim ersten Einhaengen ueberhaupt.

   Er dreht nur Flaechen und Schrift um. Gold bleibt Gold: es ist die Marke,
   keine Funktion des Umfelds. */
:root[data-design="hell"] {
  --surface-page:   var(--paper);
  --surface-raised: var(--paper-2);
  --surface-card:   #FFFFFF;
  --text-body:      var(--fg-on-paper);
  --text-muted:     #6B6459;
  --text-faint:     #8A8275;
  --border-subtle:  #D8D2C6;
  --border-strong:  #C4BDAE;
  /* Auf Papier traegt das helle Gold nicht — Text und Linien nehmen die
     dunkle Stufe. Die Signalfarbe bleibt dieselbe Farbe, nur lesbar. */
  --text-accent:    var(--gold-dark);
  --border-accent:  var(--gold-dark);
  --link:           var(--gold-dark);

  /* Die kategoriale Skala muss auf Papier nachdunkeln. Dieselben acht
     Farbtoene, nur so weit abgesenkt, dass sie als FLAECHE gegen Papier und
     als SCHRIFT gegen Papier tragen — im dunklen Modus tut das die helle
     Fassung. Wer hier dieselben Werte liesse, bekaeme acht Pastelltoene, die
     sich auf Weiss nicht mehr unterscheiden. */
  /* Die Statusfarben als Schrift: dunkler, damit sie auf Papier tragen.
     Gemessen an derselben Absicht wie `--text-accent` -> `--gold-dark`. */
  --status-run-fg:#1B7F3B;
  --status-warn-fg:var(--gold-dark);
  --status-alert-fg:#B3261E;

  --cat-1:#1E6FA8;
  --cat-2:#6B3FCC;
  --cat-3:#0E7A8A;
  --cat-4:#B03060;
  --cat-5:#9A5A18;
  --cat-6:#42702F;
  --cat-7:#5A46B8;
  --cat-8:#7A5F42;
}