/* ─────────────────────────────────────────
   AGENCY OS — MOTION TOKENS
   Easings e durações para GSAP + CSS
   ───────────────────────────────────────── */

:root {

  /* ── DURAÇÕES ── */
  --dur-instant:  0.1s;
  --dur-fast:     0.2s;
  --dur-base:     0.35s;
  --dur-moderate: 0.5s;
  --dur-slow:     0.7s;
  --dur-slower:   1s;
  --dur-page:     1.2s;
  --dur-cinematic: 1.8s;

  /* ── EASINGS CSS ── */
  --ease-linear:   linear;
  --ease-in:       cubic-bezier(0.4, 0, 1, 1);
  --ease-out:      cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out:   cubic-bezier(0.4, 0, 0.2, 1);
  --ease-smooth:   cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring:   cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-bounce:   cubic-bezier(0.68, -0.55, 0.265, 1.55);
  --ease-expo-out: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-circ-out: cubic-bezier(0, 0.55, 0.45, 1);

  /* ── DELAYS STAGGER (usar em listas/grids) ── */
  --stagger-sm:  0.05s;
  --stagger-md:  0.08s;
  --stagger-lg:  0.12s;

  /* ── TRANSITIONS BASE ── */
  --transition-fast:   all var(--dur-fast)     var(--ease-smooth);
  --transition-base:   all var(--dur-base)     var(--ease-smooth);
  --transition-slow:   all var(--dur-slow)     var(--ease-smooth);
  --transition-color:  color var(--dur-fast)   var(--ease-out),
                       background-color var(--dur-fast) var(--ease-out),
                       border-color var(--dur-fast) var(--ease-out);
  --transition-transform: transform var(--dur-base) var(--ease-smooth);
  --transition-opacity:   opacity var(--dur-base) var(--ease-out);
}

/* ── GSAP EASING REFERENCE (usar no JS) ──
   power2.out      → suave, profissional
   power3.out      → rápido e elegante
   power4.out      → impactante
   expo.out        → cinematográfico
   back.out(1.4)   → spring suave
   elastic.out     → bounce premium
   CustomEase      → criar no GSAP
   ─────────────────────────────────────── */

/* ── RESPEITAR PREFERÊNCIA DO USUÁRIO ── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}