/*
 * Tarif-Farbpalette — verbindliche Quelle für die Farbcodierung der Tarife.
 *
 * Vorher existierten drei abweichende Paletten (preise.html, admin.html,
 * index.html), die sich widersprachen: Violett stand im Adminpanel für "Plus",
 * auf der Preisseite für "Plus Verwaltung". Wer beide Ansichten nebeneinander
 * las, ordnete falsch zu.
 *
 * Kanonisch ist die Palette der Preisseite, weil sie als einzige alle fünf
 * Tarife abdeckt und index.html bereits mit ihr übereinstimmte.
 *
 * Regel: neue Oberflächen binden diese Datei ein und nutzen die Tokens — keine
 * Hex-Werte kopieren. Siehe shared/docs/conventions.md → Tarif-Farbpalette.
 *
 * Die Plan-Werte entsprechen den setzbaren Tarifen aus
 * backend/app/routers/admin.py (PlanName). "plus" ist bewusst nicht enthalten:
 * das ist der Capability-Rang aus ui/capabilities.js, kein Tarif.
 *
 * Kein Dark-Mode-Block — keine der einbindenden Seiten unterstützt heute
 * prefers-color-scheme (TODO #256).
 */
:root {
  --plan-free-bg:            #dcfce7;
  --plan-free-fg:            #166534;

  --plan-werbefrei-bg:       #fef9c3;
  --plan-werbefrei-fg:       #854d0e;

  --plan-plus-einzel-bg:     #dbeafe;
  --plan-plus-einzel-fg:     #1e40af;

  --plan-plus-verwaltung-bg: #ede9fe;
  --plan-plus-verwaltung-fg: #5b21b6;

  --plan-pro-bg:             #fef3c7;
  --plan-pro-fg:             #92400e;

  /* Für Plan-Werte außerhalb der Palette — etwa ein Tarif, der backendseitig
     eingeführt, hier aber noch nicht eingetragen wurde. Sichtbar auffällig
     statt still wie ein gültiger Tarif aussehend. */
  --plan-unknown-bg:         #fee2e2;
  --plan-unknown-fg:         #b91c1c;
}

/*
 * Generische Badge-Klassen. Oberflächen mit eigenem Badge-Styling (Größe,
 * Radius, Gewicht) verwenden stattdessen direkt die Tokens oben.
 */
.plan-badge-free            { background: var(--plan-free-bg);            color: var(--plan-free-fg); }
.plan-badge-werbefrei       { background: var(--plan-werbefrei-bg);       color: var(--plan-werbefrei-fg); }
.plan-badge-plus_einzel     { background: var(--plan-plus-einzel-bg);     color: var(--plan-plus-einzel-fg); }
.plan-badge-plus_verwaltung { background: var(--plan-plus-verwaltung-bg); color: var(--plan-plus-verwaltung-fg); }
.plan-badge-pro             { background: var(--plan-pro-bg);             color: var(--plan-pro-fg); }
.plan-badge-unknown         { background: var(--plan-unknown-bg);         color: var(--plan-unknown-fg); }