/* erzeugt aus LightPlan.swift + SunPlan.swift + SkyView.swift @ d4211f6 — nicht von Hand ändern
   (website/tools/licht-tokens.py). Die Lichtposition setzt licht.js aus der Sonne; die --lx/--ly hier
   sind der Rückfall ohne Skript: die Sonne des 11. September zur Mitte jedes Standes,
   nach derselben Formel wie SkyGeometry.lightOrigin (Vorlagenfläche 393 × 852). Web-Abweichungen mit Grund: siehe Skript. */

:root {
  --ground:#100D0A; --ground-rgb:16 13 10; --light-rgb:232 179 106; --ink-rgb:245 239 230; --on-light:#171009; --sec:0.6; --lx:82.04%; --ly:18.12%; --lw:72%; --lh:62%; --ls:0.2;
  --ter:0.52; --hair-a:0.055; --hair-strong-a:0.1; --surface-a:0.038; --grain-a:0.045;
  --ls-k:1; --ember:#E8B36A;
  --sky-h:clamp(132px, 12.8vw, 184px); --sky-h-app:132px; --sky-horizon:78%;
  /* Dauern aus LightMotion.duration(for:) */ --t-app-open:700ms; --t-first-launch:1200ms; --t-phase-change:90000ms; --t-done-grow:500ms; --t-done-hold:400ms; --t-done-settle:400ms; --t-focus-start:600ms; --t-focus-end:900ms; --t-deal-ignite:700ms; --t-tab-switch:220ms; --t-sun-rise:900ms; --t-sun-breath:6000ms; --t-mark-reached:700ms; --t-sunset:240000ms; --t-sky-toggle:400ms; --t-reduced:250ms;
}
:root[data-licht="morning"] { --ground:#0C0B0C; --ground-rgb:12 11 12; --light-rgb:232 207 168; --ink-rgb:237 231 222; --on-light:#151310; --sec:0.6; --lx:7.42%; --ly:20.16%; --lw:72%; --lh:52%; --ls:0.17; }
:root[data-licht="midday"] { --ground:#0F0F11; --ground-rgb:15 15 17; --light-rgb:242 236 225; --ink-rgb:248 246 241; --on-light:#131315; --sec:0.6; --lx:48.12%; --ly:14.85%; --lw:96%; --lh:82%; --ls:0.13; }
:root[data-licht="evening"] { --ground:#100D0A; --ground-rgb:16 13 10; --light-rgb:232 179 106; --ink-rgb:245 239 230; --on-light:#171009; --sec:0.6; --lx:82.04%; --ly:18.12%; --lw:72%; --lh:62%; --ls:0.2; }
:root[data-licht="night"] { --ground:#0A0C14; --ground-rgb:10 12 20; --light-rgb:191 209 242; --ink-rgb:220 227 238; --on-light:#0A0C14; --sec:0.62; --lx:76.01%; --ly:6%; --lw:60%; --lh:40%; --ls:0.12; }

/* Sonderstände der Unterseiten ohne Skript: lesen = weit und weich (Ort: die Sonne), 404 = das erste Licht von unten */
:root[data-modus="empty"] { --lw:96%; --lh:88%; --ls:0.16; }
:root[data-licht="night"][data-modus="empty"] { --ls:0.12; }
:root[data-modus="first"] { --ground:#050505; --ground-rgb:5 5 5; --light-rgb:232 179 106; --ink-rgb:239 233 224; --on-light:#171009; --sec:0.6; --lx:50%; --ly:116%; --lw:120%; --lh:74%; --ls:0.24; --first-unlit-drop:35%; }

/* Das Telefon zeigt die App, wie sie ist: tertiär 0.34, Korn 0.05 (LightGrain.opacity) */
.phone { --ter:0.34; --grain-a:0.05; }

/* Der Erledigt-Puls (LightPlan.Mode.done): einmal über den ganzen Bildschirm */
:root { --done-x:50%; --done-y:46%; --done-w:118%; --done-h:104%; --done-s:0.34; }

/* Die Telefone im gescrollten Tag tragen ihren eigenen Stand; --plx/--ply setzt licht.js aus der Sonne des Telefons,
   hier der Rückfall für den 11. September. */
.device[data-stand="morning"] { --ground:#0C0B0C; --ground-rgb:12 11 12; --light-rgb:232 207 168; --ink-rgb:237 231 222; --on-light:#151310; --sec:0.6; --plx:8.55%; --ply:19.93%; --pw:72%; --ph:52%; --ps:0.17; }
.device[data-stand="focus"] { --ground:#070605; --ground-rgb:7 6 5; --light-rgb:242 236 225; --ink-rgb:248 246 241; --on-light:#131315; --sec:0.6; --plx:50%; --ply:38%; --pw:44%; --ph:34%; --ps:0.2; }
.device[data-stand="rest"] { --ground:#100D0A; --ground-rgb:16 13 10; --light-rgb:232 179 106; --ink-rgb:245 239 230; --on-light:#171009; --sec:0.6; --plx:86.56%; --ply:18.97%; --pw:72%; --ph:62%; --ps:0.2667; }
.device[data-stand="night"] { --ground:#0A0C14; --ground-rgb:10 12 20; --light-rgb:191 209 242; --ink-rgb:220 227 238; --on-light:#0A0C14; --sec:0.62; --plx:88%; --ply:-4%; --pw:60%; --ph:40%; --ps:0.12; }

/* Kontrast erhöhen (prefers-contrast: more): LightPlan.adjusted(increaseContrast:) */
@media (prefers-contrast: more) {
  :root:root { --sec:0.82; --ter:0.64; --hair-a:0.22; --hair-strong-a:0.22; --ls-k:0.6667; }
  :root:root, :root:root[data-licht], :root:root[data-modus] { --ink-rgb:255 255 255; }
  .device[data-stand], .phone { --ink-rgb:255 255 255; --sec:0.82; --ter:0.64; --hair-a:0.22; --hair-strong-a:0.22; }
}

/* Der Himmel (SkyField): Deckkräfte der Bahn, Marken und Höfe */
.sk-behind { stroke: rgb(var(--ink-rgb) / 0.09); }
.sk-ahead { stroke: rgb(var(--light-rgb) / 0.34); }
.is-night .sk-ahead { stroke: rgb(var(--ink-rgb) / 0.34); }
.sk-mark { stroke: rgb(var(--ink-rgb) / 0.34); transition: stroke var(--t-mark-reached) linear; }
.sk-mark.is-passed { stroke: rgb(var(--ink-rgb) / 0.09); }
/* Die Sonne trägt --sun-rgb: das Licht des Standes, im Nachtstand das Morgenlicht (SkyVector) */
.sk-core { fill: rgb(var(--sun-rgb, var(--light-rgb))); }
.sk-inner { fill: rgb(var(--sun-rgb, var(--light-rgb)) / 0.35); }
.sk-outer { fill: rgb(var(--sun-rgb, var(--light-rgb)) / 0.14); }
.sk-ahead.is-sun { stroke: rgb(var(--sun-rgb, var(--light-rgb)) / 0.34); }
.sk-moonhalo { fill: rgb(var(--light-rgb) / 0.12); }
.sk-moondisc { fill: rgb(var(--ink-rgb) / 0.85); }
@keyframes atmen { to { transform: scale(1.1); opacity: 0.7857; } }