/* Design-Tokens — einzige Quelle fuer Farben (Wiki-Artikel 'Design', Kanal S1).
   Farbnamen kanonisch: Weiss / Schiefergrau; Rot nur Header und Überfällig. */
:root {
  /* Incumbent aliases: actions are slate, not the header/overdue red. */
  --foxtag-navy: var(--schiefergrau);
  --foxtag-blue: var(--schiefergrau);
  --foxtag-blue-dark: var(--schiefergrau-hover);
  --foxtag-filter: var(--graubraun-schleier);
  --foxtag-border: var(--graubraun-linie);
  --foxtag-text: var(--dunkelgraubraun);
  --schiefergrau: #475569;     /* Existing I1.1 Nash implementation, not a Henry HEX/RAL. */
  --schiefergrau-hover: #334155;
  --schiefergrau-pressed: #1e293b;
  --select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --weiss: #ffffff;
  --dunkelrot: #8e1b1b;          /* Header/Menüband und echte Überfälligkeit ausschließlich */
  --dunkel-dunkelrot: #5a0f0f;   /* Hover/Pressed des roten Header-/Menübands ausschließlich */
  --dunkelgraubraun: #4a4038;    /* Sekundaer, Tabellenkoepfe, Leiste, Fusszeile */
  --graubraun-schleier: #f1ede8; /* Gruppen-Hintergruende */
  --graubraun-linie: #d8d2cb;    /* Tabellenlinien */
  --text: #111111;

  /* Due semantics: red iff deadline <= Europe/Berlin today, gray otherwise. */
  --ampel-grau: var(--schiefergrau);
  --ampel-amber: var(--schiefergrau); /* Legacy alias: future is gray. */
  --ampel-dunkelrot: var(--dunkelrot);

  --font-basis: 16px;
  --radius: 6px;
  --touch-ziel: 56px;
}