/* Energiefarben — EINZIGE Quelle für Verwaltung, Mitgliederportal, Diagramme (JS) und PDFs (PHP). Freigabe GF 27.09.2026,
   Werte aus CLAUDE.md „EEG Farbschema“: Erzeugung = warme Familie, Verbrauch = kühle Familie, je Ebene eine Farbe;
   -tag / -nacht für Tagstrom (06–18 h) und Nachtstrom (18–06 h), in der Oberfläche nie „HT/NT“.
   Gelesen von: Vorlage/rahmen.php + Portal/rahmen.php (vor dem jeweiligen Stylesheet), Kern/Energiefarben.php (parst diese Datei),
   verwaltung.js EGV_FARBEN (liest die berechneten Werte). Die Website eg-regionliezen.at trägt dieselben Werte in ihrer site.css.
   Nur Flächen, Balken, Punkte und Ränder — Energiefarben sind nie Textfarbe auf Weiß und nie Zustandsfarbe (aktiv/wartet/Fehler).
   Schrift AUF der Farbe (gemessen gegen #fff bzw. #1f2933): weiß auf erz-regional 4,8 · erz-beg 4,6 · verb-regional 5,2 · verb-beg 5,7
   und allen -nacht; dunkel auf erz-lokal 7,5 · erz-gea 4,5 · verb-lokal 4,9 · verb-gea 6,5 und allen -tag. */

:root {
  --e-erz-lokal: #f59e0b;    --e-erz-lokal-tag: #ffb740;    --e-erz-lokal-nacht: #9c6500;
  --e-erz-regional: #dc2626; --e-erz-regional-tag: #f87171; --e-erz-regional-nacht: #991b1b;
  --e-erz-beg: #db2777;      --e-erz-beg-tag: #f472b6;      --e-erz-beg-nacht: #9d174d;
  --e-erz-gea: #ea580c;      --e-erz-gea-tag: #fb923c;      --e-erz-gea-nacht: #9a3412;
  --e-verb-lokal: #00a344;    --e-verb-lokal-tag: #2bbd66;    --e-verb-lokal-nacht: #005e28;
  --e-verb-regional: #2563eb; --e-verb-regional-tag: #60a5fa; --e-verb-regional-nacht: #1e40af;
  --e-verb-beg: #7c3aed;      --e-verb-beg-tag: #a78bfa;      --e-verb-beg-nacht: #5b21b6;
  --e-verb-gea: #14b8a6;      --e-verb-gea-tag: #2dd4bf;      --e-verb-gea-nacht: #115e59;
  /* Nicht aus der Gemeinschaft, sondern aus dem bzw. ins öffentliche Netz: neutral, nur leicht kühl (Bezug) bzw. warm (Einspeisung) getönt */
  --e-netz-verb: #dde5ec; --e-netz-erz: #eee4da;
  /* Richtung ohne Ebene (Bezug/Einspeisung, auch in Diagrammen): eigene Farben außerhalb der 8 Ebenen, GF 27.09.2026 —
     Einspeisung Sonnengelb, Bezug Nachtblau; wie site.css --e-erz-richtung/--e-verb-richtung. Gelb auf Weiß nur mit feinem Rand. */
  --e-erz-familie: #facc15;
  --e-verb-familie: #172554;
  --e-auf-hell: #ffffff; --e-auf-dunkel: #1f2933;
}

/* Zuordnung: eine Klasse je Richtung und Ebene setzt --e (Fläche) und --e-auf (Schrift darauf); Bausteine lesen nur var(--e). */
.e--erz-lokal { --e: var(--e-erz-lokal); --e-auf: var(--e-auf-dunkel); }
.e--erz-regional { --e: var(--e-erz-regional); --e-auf: var(--e-auf-hell); }
.e--erz-beg { --e: var(--e-erz-beg); --e-auf: var(--e-auf-hell); }
.e--erz-gea { --e: var(--e-erz-gea); --e-auf: var(--e-auf-dunkel); }
.e--verb-lokal { --e: var(--e-verb-lokal); --e-auf: var(--e-auf-dunkel); }
.e--verb-regional { --e: var(--e-verb-regional); --e-auf: var(--e-auf-hell); }
.e--verb-beg { --e: var(--e-verb-beg); --e-auf: var(--e-auf-hell); }
.e--verb-gea { --e: var(--e-verb-gea); --e-auf: var(--e-auf-dunkel); }
.e--erz-lokal-tag { --e: var(--e-erz-lokal-tag); --e-auf: var(--e-auf-dunkel); } .e--erz-lokal-nacht { --e: var(--e-erz-lokal-nacht); --e-auf: var(--e-auf-hell); }
.e--erz-regional-tag { --e: var(--e-erz-regional-tag); --e-auf: var(--e-auf-dunkel); } .e--erz-regional-nacht { --e: var(--e-erz-regional-nacht); --e-auf: var(--e-auf-hell); }
.e--erz-beg-tag { --e: var(--e-erz-beg-tag); --e-auf: var(--e-auf-dunkel); } .e--erz-beg-nacht { --e: var(--e-erz-beg-nacht); --e-auf: var(--e-auf-hell); }
.e--erz-gea-tag { --e: var(--e-erz-gea-tag); --e-auf: var(--e-auf-dunkel); } .e--erz-gea-nacht { --e: var(--e-erz-gea-nacht); --e-auf: var(--e-auf-hell); }
.e--verb-lokal-tag { --e: var(--e-verb-lokal-tag); --e-auf: var(--e-auf-dunkel); } .e--verb-lokal-nacht { --e: var(--e-verb-lokal-nacht); --e-auf: var(--e-auf-hell); }
.e--verb-regional-tag { --e: var(--e-verb-regional-tag); --e-auf: var(--e-auf-dunkel); } .e--verb-regional-nacht { --e: var(--e-verb-regional-nacht); --e-auf: var(--e-auf-hell); }
.e--verb-beg-tag { --e: var(--e-verb-beg-tag); --e-auf: var(--e-auf-dunkel); } .e--verb-beg-nacht { --e: var(--e-verb-beg-nacht); --e-auf: var(--e-auf-hell); }
.e--verb-gea-tag { --e: var(--e-verb-gea-tag); --e-auf: var(--e-auf-dunkel); } .e--verb-gea-nacht { --e: var(--e-verb-gea-nacht); --e-auf: var(--e-auf-hell); }
/* Ebene ohne festgelegte Richtung (Diagramm einer Gemeinschaft mit Erzeugung und Verbrauch): setzt beide Richtungen */
.eb--lokal { --e-erz: var(--e-erz-lokal); --e-verb: var(--e-verb-lokal); }
.eb--regional { --e-erz: var(--e-erz-regional); --e-verb: var(--e-verb-regional); }
.eb--beg { --e-erz: var(--e-erz-beg); --e-verb: var(--e-verb-beg); }
.eb--gea { --e-erz: var(--e-erz-gea); --e-verb: var(--e-verb-gea); }

/* Bausteine: Punkt vor Ebenen-Abzeichen, Ebene oder Legende; Fläche mit Schrift darauf. */
.epunkt { display: inline-block; flex: none; width: .6rem; height: .6rem; border-radius: 50%; background: var(--e, #9aa5ae); margin-right: .3rem; vertical-align: .02em; }
.abz .epunkt { width: .5rem; height: .5rem; margin-right: .25rem; box-shadow: 0 0 0 1px rgba(255, 255, 255, .8); }
.eflaeche { background: var(--e); color: var(--e-auf); }
.epunkt--erz { background: var(--e-erz-familie); box-shadow: inset 0 0 0 1px rgba(20, 34, 48, .3); } .epunkt--verb { background: var(--e-verb-familie); }   /* Richtung ohne Ebene */
.epaar { display: inline-flex; gap: .15rem; margin-right: .3rem; vertical-align: .02em; } .epaar .epunkt { margin: 0; }   /* Ebene ohne Richtung: erzeugt · verbraucht */