/* ============================================================
   MOTION — Bewerbungsmanager (Session 5)
   ------------------------------------------------------------
   NUR DIGITAL — Print kennt keine Bewegung.

   Haltung: „Ruhe vor Reiz“ — Motion erklärt Zustandswechsel,
   sie schmückt nicht. Kurze Distanzen, keine Bounces, nichts
   loopt. Der Aufmerksamkeits-Cue der Overlays ist die
   AKKOMMODATIONS-Kurve (Auge stellt scharf): Backdrop defokussiert
   (tokens/effects.css), das Sheet gleitet mit --ease-accommodation
   ein — ein langsamer, stark abbremsender Verlauf.

   REGELN:
     - Jede transition/animation nutzt --duration-* + --ease-*,
       nie rohe ms/Kurven.
     - Hover/Farbe/Opacity → fast · Standard-UI → base ·
       größere Bewegung (Karte fällt, Drawer) → slow ·
       Modal/Backdrop → overlay.
     - prefers-reduced-motion: Dauern kollabieren auf 1ms
       (transitionend feuert weiterhin) — Zustandswechsel bleiben
       sichtbar, nur die Bewegung entfällt.
   ============================================================ */

:root {
  /* ===== Dauern ===== */
  --duration-fast:    120ms; /* @kind other */  /* Hover, Farbe, Opacity */
  --duration-base:    200ms; /* @kind other */  /* Standard-Transitions */
  --duration-slow:    320ms; /* @kind other */  /* größere Bewegung im Fluss */
  --duration-overlay: 450ms; /* @kind other */  /* Modal + Backdrop (Akkommodation) */

  /* ===== Easing ===== */
  --ease-out:           cubic-bezier(0.25, 1, 0.4, 1); /* @kind other */    /* Standard: schnell rein, weich aus */
  --ease-in-out:        cubic-bezier(0.45, 0, 0.2, 1); /* @kind other */    /* Bewegung von A nach B (Karte, Reorder) */
  --ease-accommodation: cubic-bezier(0.32, 0.72, 0.16, 1); /* @kind other */ /* Overlays — das Scharfstellen */
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast:    1ms; /* @kind other */
    --duration-base:    1ms; /* @kind other */
    --duration-slow:    1ms; /* @kind other */
    --duration-overlay: 1ms; /* @kind other */
  }
}