/* Durchlaufendes Licht: ein warmes Kupferlicht wandert mit dem Scrollen ueber Kanten und Ueberschriften.
   Positionen setzt light.js (--lx, --ly, --lit je Element, --lr Radius). Deckkraft hoechstens .35, nur Rand und Textschein. */
:root{--light-rgb:242,191,152;--light-max:.35;--lr:240px}
.lit-r{position:relative}
.lit::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:3px;pointer-events:none;
  background:radial-gradient(circle var(--lr) at var(--lx,-999px) var(--ly,-999px),rgba(var(--light-rgb),calc(var(--light-max) * var(--lit,0))),rgba(var(--light-rgb),0) 72%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
/* Ueberschriften wandern mit dem Licht in Richtung Kupfer (Kontrast bleibt ueber 7:1), dazu ein sehr weicher Schein */
.lit-t{color:color-mix(in srgb,var(--text,#faf8f5) calc(100% - 46% * var(--lit,0)),#f2bf98);text-shadow:0 0 28px rgba(var(--light-rgb),calc(var(--light-max) * var(--lit,0)))}
.lit-t--l{color:color-mix(in srgb,var(--ink,#151412) calc(100% - 42% * var(--lit,0)),var(--copper-deep,#9a5a38));text-shadow:none}
/* Reduced Motion: das Licht steht still an einer ruhigen Stelle (oben links an den Kanten) */
.light-still .lit{--lx:14%;--ly:0%;--lit:.55}
.light-still .lit-t,.light-still .lit-t--l{--lit:0}
@media (prefers-contrast:more){.lit::after{display:none}.lit-t,.lit-t--l{text-shadow:none}}