/* Invoiceflair — Marken-Tokens. Übernommen aus dem Markenpaket (tokens/tokens.css,
   Stand 2026-10-24). Die --if-*-Werte sind UNVERÄNDERT wie geliefert; darunter stehen
   die Ableitungen, die dieses Projekt zusätzlich braucht. */
:root {
  --if-ink: #0E1A3A;
  --if-flair: #FF5B3A;
  --if-slate: #3B4C78;
  --if-paper: #F5F7FB;
  --if-white: #FFFFFF;
  --if-fold-light: #C9D2E6;
  --if-muted: #4A5578;
  --if-font: 'Sora', system-ui, sans-serif;

  /* ── Ableitung für Text, nach Accessibility-Regel 6 (rechnerisch belegt) ──
     --if-flair auf Weiß ergibt 3,07:1. Das genügt für UI-Komponenten und Grafiken
     (3:1), NICHT für Text (4,5:1) — und der Akzent trägt in site.css 23 Textstellen,
     darunter jeden Link (a { color }) und jede Inline-Fehlermeldung. Flair dort
     einzusetzen hätte die Zusage „WCAG 2.1 AA" an genau den Stellen gebrochen, an
     denen Anwender Fehler lesen müssen.
     Deshalb eine abgedunkelte Variante derselben Farbfamilie für Text und Rahmen:
     #CC3C1B auf Weiß = 4,89:1 (Vorgänger #c63010 lag bei 5,43:1).
     --if-flair selbst bleibt für Flächen, auf denen weißer Text steht. */
  --if-flair-text: #CC3C1B;
}