/* Akzentfarbe Rot für den Main-Entwurf H und seine Unterseiten (Felix, 07.10.: „bei Rot bleiben, alles rot“).
   Alles, was Gold trug, wird ein warmes Rot – auch die Sternenkarte mit Ortslichtern, Lichtstrahlen und Nummern,
   die Kennungspunkte und die Kompassnadel im Logo. Die weißen Hintergrundsterne bleiben weiß. Der Hund trägt Rot an
   Halsband, Brust und Lämpchen; seine Augen leuchten hell warmweiß statt rot, damit er freundlich bleibt.
   Start ist Gold; Rot schaltet das Admin-Fenster der Konzept-Ansicht ein (data-akzent="rot" am <html>, Adresse ?akzent=rot). */
:root[data-akzent='rot'] {
  --rot: #EC6A55;
  --gold: var(--rot);
  --gold-hell: rgba(236, 106, 85, 0.18);
  --gold-tief: #F59A88;
}
:root[data-akzent='rot'] .h-tag { --gold-hell: rgba(236, 106, 85, 0.16); --gold-tief: #F59A88; }

/* Hund: helle, warme Augen statt roter (rot wirkt böse) */
:root[data-akzent='rot'] .fk-augen .fk-g, :root[data-akzent='rot'] .fk-denk .fk-g { fill: #FFE6DD; }
:root[data-akzent='rot'] .fk-froh path, :root[data-akzent='rot'] .fk-flach path { stroke: #FFE6DD; }

/* Logo: Kompassnadel rot */
:root[data-akzent='rot'] .marke svg path[fill='#F4C24D'], :root[data-akzent='rot'] .fuss-marke svg path[fill='#F4C24D'] { fill: var(--rot); }

/* Sternenkarte: Ortslichter, Lichthof, Treffer, Strahlen */
:root[data-akzent='rot'] .ort-punkt .licht::before { box-shadow: 0 0 calc(var(--g) * 1.3) calc(var(--g) * 0.45) rgba(236, 106, 85, 0.5); }
:root[data-akzent='rot'] .ort-punkt.still .licht::before { box-shadow: none; }
:root[data-akzent='rot'] .ort-punkt.hell .licht::after { border-color: rgba(236, 106, 85, 0.6); }
:root[data-akzent='rot'] .ort-punkt.treffer .licht::before { box-shadow: 0 0 0 3px var(--rot), 0 0 26px 10px rgba(236, 106, 85, 0.55); }
:root[data-akzent='rot'] .ort-punkt[aria-pressed='true']:hover .ort-name { background: #F59A88; }
:root[data-akzent='rot'] .karte-buehne .kennung.ki::before { box-shadow: 0 0 0 3px rgba(236, 106, 85, 0.25), 0 0 12px rgba(236, 106, 85, 0.8); }
:root[data-akzent='rot'] .karte-treffer { background: rgba(236, 106, 85, 0.14); color: #F59A88; }
:root[data-akzent='rot'] .karte-treffer button { border-color: rgba(236, 106, 85, 0.5); color: #F59A88; }
:root[data-akzent='rot'] .fk-strahlen path { filter: drop-shadow(0 0 3px rgba(236, 106, 85, 0.9)); }
:root[data-akzent='rot'] .fk-strahlen circle { filter: drop-shadow(0 0 4px rgba(236, 106, 85, 0.9)); }
:root[data-akzent='rot'] .fk-tipp svg { filter: drop-shadow(0 0 4px rgba(236, 106, 85, 0.8)); }
:root[data-akzent='rot'] .ls-sehens i { background: rgba(236, 106, 85, 0.85); }
@media (hover: hover) {
  :root[data-akzent='rot'] .ort-punkt:hover .licht::before { box-shadow: 0 0 0 3px rgba(236, 106, 85, 0.35), 0 0 calc(var(--g) * 1.6) calc(var(--g) * 0.6) rgba(236, 106, 85, 0.6); }
}

/* Weitere feste Goldtöne, die nicht über die Variable laufen */
:root[data-akzent='rot'] .h-himmel { background: radial-gradient(50% 60% at 72% 0%, rgba(236, 106, 85, 0.13), transparent 70%), radial-gradient(70% 45% at 25% 108%, rgba(47, 107, 79, 0.32), transparent 70%), var(--nacht); }
:root[data-akzent='rot'] .h-kennung i { box-shadow: 0 0 10px 2px rgba(236, 106, 85, 0.65); }
:root[data-akzent='rot'] .h-konsole .fk-blase { border-color: rgba(236, 106, 85, 0.5); box-shadow: 0 0 0 4px rgba(236, 106, 85, 0.07), 0 24px 60px rgba(0, 0, 0, 0.35); }
:root[data-akzent='rot'] .h-hund::before, :root[data-akzent='rot'] .tw-hund::before { background: radial-gradient(closest-side, rgba(236, 106, 85, 0.26), transparent); }
:root[data-akzent='rot'][data-hintergrund='dunkel'] .fk-eingabe:focus-within { box-shadow: 0 0 0 4px rgba(236, 106, 85, 0.6), 0 18px 50px rgba(0, 0, 0, 0.35); }
:root[data-akzent='rot'] .pille input:checked + span { box-shadow: 0 4px 16px rgba(236, 106, 85, 0.3); }
:root[data-akzent='rot'] .h-tag .tag.heute { box-shadow: inset 0 0 0 1.5px rgba(236, 106, 85, 0.6); }
:root[data-akzent='rot'] .neu-karte:hover, :root[data-akzent='rot'] .neu-karte:focus-within,
:root[data-akzent='rot'] .tw-seite a:hover, :root[data-akzent='rot'] .tw-seite a:focus-visible { border-color: rgba(236, 106, 85, 0.55); }
:root[data-akzent='rot'] .tw-blase { border-color: rgba(236, 106, 85, 0.45); }
:root[data-akzent='rot'] .h-puls { border-color: rgba(236, 106, 85, 0.4); background: radial-gradient(120% 90% at 100% 0%, rgba(236, 106, 85, 0.18), transparent 60%), var(--grund); }