/* transitions-polish — die gemeinsame Motion-Token-Skala.
   Ueberall per var(--…) referenzieren (z.B. transition: transform
   var(--duration-fast) var(--ease-smooth-out)). Damit lassen sich
   Timings/Easings spaeter an einer Stelle nachjustieren statt in jeder
   Regel einzeln. Quelle: transitions-polish Skill (_root.css). */
:root {
    /* Durations */
    --duration-stagger: 40ms;      /* Stagger-Versatz pro Element */
    --duration-micro: 80ms;        /* Tooltip-/Pfad-Delay, Shake-Segment */
    --duration-quick: 150ms;       /* Modal-/Dropdown-Close, Text-Swap, Tooltip-Appear */
    --duration-fast: 250ms;        /* Icon-Swap, Dropdown-/Modal-Open, Hover-In */
    --duration-medium: 350ms;      /* Panel-Close, Toast-Close, Hover-Out */
    --duration-slow: 400ms;        /* Panel-Open, Skeleton-Reveal */
    --duration-very-slow: 500ms;   /* Betonte Momente, Badge-Appear */

    /* Easings */
    --ease-smooth-out: cubic-bezier(0.22, 1, 0.36, 1);   /* Open/Close, Slide, Resize, Hover-In */
    --ease-in-out: ease-in-out;                          /* Icon-/Text-Swap, Reveal */
    --ease-out: ease-out;                                /* Tooltip Open/Close */
    --ease-linear: linear;                                /* Shimmer, Spinner */
    --ease-bounce: cubic-bezier(0.34, 1.36, 0.64, 1);     /* Badge-Pop-Open */
    --ease-bounce-strong: cubic-bezier(0.34, 3.85, 0.64, 1); /* Federnder Hover-Out */

    /* Distances */
    --distance-micro: 4px;
    --distance-small: 6px;
    --distance-base: 8px;
    --distance-medium: 12px;
    --distance-large: 30px;

    /* Scales */
    --scale-large: 0.96;
    --scale-medium: 0.97;
    --scale-small: 0.98;
    --scale-tiny: 0.99;

    /* Blur */
    --blur-small: 2px;
    --blur-medium: 3px;
    --blur-large: 8px;
}