/* ==============================================================
   Rosenzweig & Eckelkamp – Markenfarben und Schrift
   --------------------------------------------------------------
   ZENTRALE STELLE für alle Farben. Die Webseite (style.css und
   app.js) liest nur diese Variablen – hier ändern genügt.
   Für ein späteres PDF kann diese Datei unverändert mit
   eingebunden werden.

   Die Namen --re-ink, --re-accent und --re-muted sind dieselben,
   die auch die Logo-Dateien in assets/ verwenden.
   ============================================================== */

:root {
  /* ---------- Markenfarben (aus dem Logo) ---------- */
  --re-ink:          #1B2330;  /* Dunkelblau: Text, Kopfzeile */
  --re-accent:       #C8A96B;  /* Gold: Linien, Flächen, Akzente */
  --re-cream:        #F4F1EA;  /* Creme: Hintergrund Seitenleiste */
  --re-muted:        #6E7685;  /* Grau: Nebentexte */
  --re-white:        #FFFFFF;

  /* ---------- Abgeleitete Töne ---------- */
  --re-accent-text:  #7F6228;  /* dunkleres Gold für Zahlen/Text – auf Weiß gut lesbar */
  --re-accent-tint:  #F1E8D6;  /* sehr helles Gold: Auswahl, Hover */
  --re-line:         #E4DED1;  /* Trennlinien auf Creme/Weiß */
  --re-line-strong:  #CFC6B4;
  --re-muted-auf-dunkel: #A9AFBA; /* Nebentext auf Dunkelblau */
  --re-error:        #A33A2B;
  --re-warn-bg:      #FBF3E1;
  --re-warn-text:    #6E521C;

  /* ---------- Fahrzeit-Zonen (gedämpft, gut unterscheidbar) ---------- */
  --re-zone-1:       #3F7F6B;  /* bis 3 Min  – Tannengrün */
  --re-zone-2:       #C8A96B;  /* 3–6 Min    – Markengold */
  --re-zone-3:       #B5654A;  /* 6–12 Min   – Terrakotta */

  /* ---------- Wettbewerber-Kategorien (Marker) ---------- */
  --re-kat-fitness:  #1B2330;
  --re-kat-ems:      #7A4E9C;
  --re-kat-crossfit: #D07A2D;
  --re-kat-pilates:  #2F8F86;
  --re-kat-yoga:     #B04A78;

  /* ---------- Altersklassen (jung = hell, alt = dunkel) ---------- */
  --re-alter-1:      #E8D9B5;
  --re-alter-2:      #C8A96B;
  --re-alter-3:      #7D8494;
  --re-alter-4:      #48536A;
  --re-alter-5:      #1B2330;

  /* ---------- Ampel Standort-Score (aus vorhandenen Markentönen) ---------- */
  --re-ampel-gruen:  #3F7F6B;  /* wie Zone 1 */
  --re-ampel-gelb:   #C8A96B;  /* Markengold */
  --re-ampel-rot:    #A33A2B;  /* wie Fehler */

  /* ---------- Umfeld zu Fuß (gedeckte Töne passend zur Marke) ---------- */
  --re-umfeld-baeckerei:  #B5654A;  /* wie Zone 3 */
  --re-umfeld-supermarkt: #3F7F6B;  /* wie Zone 1 */
  --re-umfeld-bus:        #4A6FA5;
  --re-umfeld-bahn:       #2E4A7A;
  --re-umfeld-parken:     #6E7685;  /* wie Nebentext */
  --re-umfeld-apotheke:   #A33A2B;  /* wie Fehler */
  --re-umfeld-drogerie:   #7F6228;  /* dunkles Gold */

  /* ---------- Schrift ---------- */
  --re-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}