/* ============================================================
   Schauer Werk – theme-transition.css
   Cinematischer Theme-Wechsel "Lichtschalter": Iris-Reveal via
   native View Transitions. Das ALTE Theme liegt oben und schrumpft
   als Kreis zum geklickten Toggle-Icon hin weg -> das NEUE Theme
   (darunter) wird freigelegt. Ursprung = --vt-x/--vt-y (von theme.js
   gesetzt). Funken/Leuchtring liefert js/effects/theme-burst.js.
   reduced-motion: Animation aus (zusaetzlich JS-Guard in theme.js).
   Entfernbar: diese Datei + <link> in index/en + VT-Wrapper in theme.js.
   ============================================================ */

::view-transition-old(root) {
  animation: sw-iris-out 1.1s cubic-bezier(.16, 1, .3, 1) both;
  z-index: 2;            /* alt liegt oben und schrumpft weg */
}
::view-transition-new(root) {
  animation: none;       /* neu liegt voll darunter, statisch */
  z-index: 1;
}
@keyframes sw-iris-out {
  from { clip-path: circle(150% at var(--vt-x, 50%) var(--vt-y, 0%)); }
  to   { clip-path: circle(0    at var(--vt-x, 50%) var(--vt-y, 0%)); }
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(root),
  ::view-transition-old(root),
  ::view-transition-new(root) { animation: none !important; }
}