/* themes/bb.css - Brainbooster-Theme (Default, 0.14.0): dunkles Petrol nach
   CI der Plattform, uebernommen aus dem Support-System. Nur Token-Werte -
   Struktur/Verhalten liegen in base.css/components.css/statistik.css.
   Zusatz-Tokens der Statistik (Charts, Worldmap, Sterne, Tabellen-Links)
   sind hier neu in Petrol abgestimmt; die Alt-Aliasse am Ende halten
   Bezuege aus aelteren Stylesheet-Resten am Leben. */
:root {
  color-scheme: dark;

  /* Flaechen */
  --bg: #012428;
  --bg-gradient: radial-gradient(1200px 600px at 85% -10%, rgba(0, 160, 161, 0.10), transparent 60%);
  --surface: #04343a;
  --surface-2: #064047;
  --surface-hover: #0a4a52;
  --backdrop: rgba(0, 12, 14, 0.66);

  /* Text */
  --text: #e7f1f1;
  --text-muted: #9ab8ba;
  --text-faint: #6d8f92;

  /* Linien */
  --border: rgba(0, 160, 161, 0.20);
  --border-strong: rgba(0, 160, 161, 0.42);

  /* Akzent (Petrol) */
  --accent: #00b3b4;
  --accent-hover: #1fc9ca;
  --accent-contrast: #012428;
  --accent-soft: rgba(0, 179, 180, 0.16);

  /* Semantik */
  --ok: #35c98e;
  --ok-soft: rgba(53, 201, 142, 0.16);
  --danger: #ff6b71;
  --danger-soft: rgba(255, 107, 113, 0.16);
  --warn: #f5b04c;
  --warn-soft: rgba(245, 176, 76, 0.16);
  --info: #57b6f2;
  --info-soft: rgba(87, 182, 242, 0.16);

  /* Eingabefelder */
  --input-bg: #032b30;
  --input-border: rgba(0, 160, 161, 0.28);
  --input-border-focus: #00b3b4;
  --focus-ring: rgba(0, 179, 180, 0.35);

  /* Schatten */
  --shadow-sm: 0 1px 4px rgba(0, 8, 9, 0.35);
  --shadow-md: 0 10px 32px rgba(0, 8, 9, 0.45);

  /* Charts (Chart.js): Gitter bewusst dezent (Admin-UI kann den Wert
     ueberschreiben - Farben je Theme unter Verwaltung -> Einstellungen) */
  --chart-grid: #0d4b53;

  /* Bewertungs-Sterne (gedaempftes Gold auf Petrol) */
  --star-on: #e8c34c;
  --star-off: #2e565c;

  /* Inhalts-Links in Tabellen (helles Petrol; Admin-UI kann ueberschreiben) */
  --table-link: #45c5cd;

  /* Worldmap-Farbtabelle: --map-base = Laender ohne Daten;
     --map-scale-1..5 = Intensitaet nach Aufrufanteil (aufsteigend);
     --map-top = Land/Laender mit den meisten Aufrufen */
  --map-base: #0a444c;
  --map-scale-1: #0e525b;
  --map-scale-2: #13646e;
  --map-scale-3: #187881;
  --map-scale-4: #1e8d97;
  --map-scale-5: #2aacb5;
  --map-top: #35c98e;

  /* Alt-Aliasse (Token-Namen bis 0.13.x) */
  --bg-card: var(--surface);
  --bg-input: var(--input-bg);
  --muted: var(--text-muted);
  --shadow: var(--shadow-sm);
}