/* Gemeinsame Design-Tokens (Rams-Redesign, 2026-09-29 Aufraeum-Schritt)
   EINZIGE Quelle der Wahrheit fuer die Farbwerte, die waehrend des Redesigns
   in mehreren getrennten Dateien dupliziert wurden (web/style.css fuer Board,
   web/css/foryou/foryou.tokens.css fuer ForYou, web/urlaub/urlaubsplanung.css
   und web/kalkulation/kalkulation.css fuer die beiden eigenstaendigen Apps -
   letztere koennen aus technischen Gruenden nicht direkt auf --fy-*/--op-*
   zugreifen, wenn diese Datei nicht zusaetzlich per <link> eingebunden wird).

   Aendert sich die Akzentfarbe (oder eine andere Kernfarbe) kuenftig, reicht
   eine Aenderung HIER - alle Seiten, die diese Datei einbinden, ziehen sofort
   nach. Seiten/Dateien, die diese Datei (noch) nicht einbinden, fallen auf
   den Fallback-Wert in ihrer eigenen var(--op-x, #fallback)-Deklaration
   zurueck - nichts bricht, wenn diese Datei fehlt, siehe README-Hinweis
   unten.

   --fy-cat-blue/-teal/-purple und --fy-border/--fy-primary (eigenstaendige
   Alt-Tokens in web/css/foryou/foryou.tokens.css) wurden im Aufraeum-Schritt
   2026-10-05 geloescht, nachdem admin.html/admin.css (seit 2026-09-29) und
   alle verbleibenden ForYou-Stellen auf --fy-line/--fy-accent umgestellt
   waren - keine eigenstaendigen Alt-Tokens mehr im Umlauf. */
:root{
  --op-bg:#f4f2ed;
  --op-panel:#ffffff;
  --op-text:#1b1a17;
  --op-muted:#736f65;
  --op-line:#e3e0d8;
  --op-line-strong:#d3cfc2;
  --op-tint:#f7f5f0;
  --op-accent:#c6491f;
  --op-accent-hover:#a83b18;
  --op-accent-soft:#f4e4da;
  --op-ok:#166534;
  --op-ok-soft:#e7f6ec;
  --op-danger:#b91c1c;
  --op-danger-soft:#fdeceb;
  --op-warning:#b5730a;
  --op-warning-soft:#fdf1de;
}

/* "Poppig"-Zweit-Design (2026-10-13, Nutzer-Wunsch: manche Kollegen fanden
   das alte bunte Design besser) - per Mockup abgestimmte, eigene bunte
   Palette (nicht 1:1 das alte Trello-Blau), aktiviert ueber
   document.documentElement.setAttribute('data-theme','poppy') im "Mein
   Konto"-Panel. Da style.css/foryou.tokens.css alle Farben ueber
   var(--op-x, #fallback) beziehen, reicht diese EINE Override-Stelle, um
   Board UND ForYou gleichzeitig umzufaerben - echte Zustandsfarben (ok/
   danger/warning) bleiben bewusst unveraendert, das ist kein Deko-Fall. */
:root[data-theme="poppy"]{
  --op-bg:#f2f1f7;
  --op-panel:#ffffff;
  --op-text:#0f172a;
  --op-muted:#64748b;
  --op-line:#e2e4ea;
  --op-line-strong:#cbd0dc;
  --op-tint:#eef0f6;
  --op-accent:#4f46e5;
  --op-accent-hover:#4338ca;
  --op-accent-soft:#e0e7ff;
}
