/* Tegernsee Index · alle Farben der Website an einer Stelle (Pflaume & Butter, Marco, 03.11.2026).
   Nirgends sonst stehen feste Farbwerte: Stile, SVG, Skripte, Kacheln und Pressematerial nutzen nur diese Variablen.
   Ein späterer Farbwechsel tauscht hier nur Werte. Namen und Rollen wie im Design System (tokens.json). */
:root{
  /* Marke */
  --pflaume:#593C8F;--flieder:#C3BADD;--butter:#F3DEA0;--vanille:#FAF6EE;

  /* Flächen */
  --grund:var(--vanille);--flaeche:#FFFFFF;--flaeche-grau:#F4F4F7;--flaeche-grau-2:#F1F1F4;--flaeche-schiene:#F2F2F5;--flaeche-grau-hover:#ECECF1;
  --flaeche-dunkel:var(--tinte);

  /* Schrift */
  --tinte:#141418;--tinte-stark:#3B3B45;--tinte-mittel:#55555F;--tinte-leise:#676772;--tinte-strich:#75757F;--tinte-platzhalter:#7A7A85;
  --tinte-auf-dunkel:#B9B9C4;--menue-auf-dunkel:#C9C9D2;

  /* Heller Ton für die Auswahl */
  --pflaume-hell:#F1EDFE;--pflaume-hover:#F6F3FE;--pflaume-linie:#DCD6F0;--pflaume-punktlinie:#CDC5E5;--pflaume-balken:#E6E1F4;--pflaume-zufluss:#C3BADD;--pflaume-streifen:#7961AF;

  /* Auf Pflaume */
  --auf-pflaume:#FFFFFF;--auf-pflaume-text:#DFDBED;--auf-pflaume-leise:#C3BADD;--auf-pflaume-guenstig:#7FD0E2;--auf-pflaume-teurer:#F2B9A0;
  --auf-pflaume-linie:rgba(255,255,255,.2);--auf-pflaume-spur:rgba(255,255,255,.3);--auf-pflaume-kachel:rgba(255,255,255,.16);--auf-pflaume-punktlinie:rgba(255,255,255,.45);

  /* Auf Butter und auf Dunkel */
  --auf-butter-linie:rgba(20,20,24,.15);--auf-butter-rand:rgba(20,20,24,.22);--auf-butter-punktlinie:rgba(20,20,24,.25);--auf-butter-weiss:rgba(255,255,255,.4);--auf-butter-weiss-kachel:rgba(255,255,255,.6);
  --auf-dunkel-punktlinie:rgba(243,222,160,.4);

  /* Linien */
  --linie:#E2E2E8;--linie-trenn:#E4E4E9;--linie-zeile:#F0F0F3;--linie-tabelle:#ECECF0;--linie-hell:#EEECE6;--punktlinie:#CFCFD7;--linie-filter:#D9D9E0;--linie-platzhalter:#D5D5DD;
  --unterstrich:#B9B9C3;--symbol-leise:#9A9AA6;--status-leise:#9A9AA5;--rand-kaestchen:#8C8C96;--spur:#E9E9EE;

  /* Preissignale: günstiger, beim Median, teurer; Grün nur für „geöffnet“ */
  --guenstig:#006376;--guenstig-hell:#E2F4F9;--guenstig-punkt:#1A8FA8;--guenstig-balken:#84CADD;
  --median-punkt:#B9B9C4;--median-balken:#CFCFD7;
  --teurer:#9A3412;--teurer-hell:#FCEBE3;--teurer-punkt:#D9622B;--teurer-balken:#EDA582;
  --geoeffnet:#1F9D55;--geoeffnet-text:#13693A;--geoeffnet-ring:rgba(31,157,85,.18);

  /* Fehlermeldungen in Formularen */
  --fehler:#B42318;--fehler-hell:#FEF3F2;--fehler-linie:#FECDCA;

  /* Schatten */
  --schatten-schwebend:0 14px 32px rgba(20,20,24,.1);--schatten-knopf:0 2px 8px rgba(20,20,30,.12);--schatten-ebene:0 18px 48px rgba(20,20,30,.16);
  --schatten-etikett:0 6px 18px rgba(20,20,30,.18);--schatten-menue:0 10px 30px rgba(20,20,24,.28);--schatten-kopf-linie:0 1px 0 rgba(20,20,24,.08);--schatten-nach-oben:0 -6px 20px rgba(20,20,24,.08);

  /* Landkarte */
  --karte-grund:#F2F4EF;--karte-grund-hoch:#EEF0F3;--karte-wasser:#CFE1F2;--karte-ufer:#AFCBE6;--karte-siedlung:#E7E9EE;--karte-bahn:#B4BAC6;--karte-strasse:#FFFFFF;
  --karte-strassenrand:#D9DDE5;--karte-rand-fein:#D3D8E1;--karte-gebaeude:#DCE0E6;--karte-gebaeude-rand:#CDD2DB;--karte-schrift:#5B6475;--karte-schrift-stark:#334155;--karte-schrift-ort:#475569;--karte-schrift-gipfel:#7A8294;--karte-schrift-strasse:#646D7E;
  --karte-punkt-rand:#FFFFFF;--karte-halo:rgba(89,60,143,.25);

  /* Logo: helle Fassung (See und Krug); die dunkle Fassung steht als Datei für Presse und App-Symbol bereit */
  --logo-see:var(--pflaume);--logo-krug:var(--tinte);--logo-kachel:var(--flaeche);

  /* Fremde Marke: Schriftzug „Google Maps“ */
  --google-grau:#5F6368;
}