/* Projekt Finder Handwerk — ein Farbsystem fuer Website UND Portal (PFHW12, 29.09.2026).
   Begruendung und Quellen: FARBSYSTEM.md. Kontraste nach WCAG 2.2 (relative Leuchtdichte) gerechnet.
   Portal-Umfaerbung (Astra): --blue -> --pf-primaer, --ink -> --pf-tinte, Fokus #c68300 -> --pf-fokus. */
:root{
  /* Primaer: Revier-Petrol — Bruecke zwischen WGSN/Coloro 2026 „Transformative Teal“ und 2027 „Luminous Blue“ */
  --pf-primaer:#1B5468;          /* Weiss darauf 8,35:1 · auf Cloud 7,2:1 */
  --pf-primaer-dunkel:#123B4A;   /* Hover, Flaechen mit weisser Schrift */
  --pf-primaer-hell:#DCE9EC;     /* Auswahl-Hintergrund, Tinte darauf 12,9:1 */
  --pf-primaer-auf-dunkel:#8FC3D0; /* Akzent auf Tinte, 8,3:1 */

  /* Akzent nur fuer die Haupthandlung (CTA) — Ziegelorange, abgeleitet von WGSN/Coloro S/S 27 „Energy Orange“ */
  --pf-akzent:#B8461A;           /* Weiss darauf 5,34:1 (AA) */
  --pf-akzent-dunkel:#9A3812;    /* Hover, Weiss darauf 7,1:1 */
  --pf-akzent-hell:#F7E3D8;
  --pf-akzent-auf-dunkel:#EE8A5E; /* nur Logo-Gelenk/kleine Akzente auf Petrol oder Tinte: 3,35:1 / 6,45:1 (Grafik), nie Knopftext */      /* sehr sparsam: Knopf-Fokusring-Hof, Projektpunkt-Hof */

  /* Neutrale: Grundton nach Pantone 2026 „Cloud Dancer“ (11-4201), warm-weiss statt Reinweiss */
  --pf-cloud:#F0EEE9;            /* Seitengrund */
  --pf-papier:#FFFFFF;           /* Karten, Blaetter, Formulare */
  --pf-putz:#E5E6E1;             /* abgesetzte Baender */
  --pf-tinte:#15232B;            /* Schrift, 13,9:1 auf Cloud */
  --pf-grau:#55636B;             /* Nebentext, 5,35:1 auf Cloud */
  --pf-linie:#C8CCCA;            /* nur Trennlinien (dekorativ) */
  --pf-rahmen:#7A868C;           /* Eingabefelder/Bedienelemente, >= 3:1 (WCAG 1.4.11) */

  /* Status — nie als einzige Information, immer mit Wort */
  --pf-ok:#1D7348;               /* „Frist laeuft“, „im Portal“; Weiss darauf 5,8:1 */
  --pf-ok-hell:#E2F0E7;
  --pf-warnung:#F3D36B;          /* nur Markerflaeche hinter Tinte (Stolperstein), 11:1 */
  --pf-warnung-hell:#FBF1CC;
  --pf-fehler:#A3262F;           /* Fehler, Weiss darauf 7,3:1 */
  --pf-fehler-hell:#FBE9EA;
  --pf-info:var(--pf-primaer);

  --pf-fokus:#B8461A;            /* Fokusring = Akzent, 3px, 3px Abstand */
}