/* focuspower Lila – zentrale Markenfarben (Design System Lila).
   Nur hier Hex-Werte pflegen; Seiten und site.css nutzen die Variablen.
   Ausnahmen: E-Mail-/PDF-Vorlagen (vorlagen/) und Inline-SVGs brauchen feste Werte. */
:root{
  --lila-50:#F7F5FE;   /* helle Flächen: Hero, Kästen, Linktree */
  --lila-100:#F0EDFC;  /* Zwischentöne, Hover-Flächen */
  --lila-200:#E2DBFA;  /* Spuren, Avatar-Ränder */
  --lila-300:#A596D3;  /* Platzhalter */
  --lila-500:#7356D2;  /* Formel: Multiple */
  --lila-600:#5A3DB8;
  --lila-700:#4B2CA6;  /* App-Lila: Buttons, Links, Marker */
  --lila-800:#3B2285;  /* Hover, Formel: Ergebnis */
  --lila-900:#2A185F;  /* Dunkellila: Footer, dunkle Flächen */
  --wordmark:#1F1D24;  /* Text und Wordmark, nie einfärben */
  --grau-kuehl:#F4F3F7;/* „Ohne“-Spalte im Vergleich */
  --bordeaux:#8A3B47;  /* Warnfarbe: Fehlermeldungen, „Ohne Führungssystem“ */
}