/* Motion GTM Workspace — Effects Tokens */

:root {
  /* ── Border radii ───────────────────────────── */
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   18px;
  --radius-xl:   22px;
  --radius-2xl:  24px;
  --radius-3xl:  28px;
  --radius-4xl:  34px;
  --radius-full: 999px;

  /* ── Shadows ────────────────────────────────── */
  --shadow-xs:          0 2px 8px rgba(0, 0, 0, 0.18);
  --shadow-sm:          0 4px 16px rgba(0, 0, 0, 0.22);
  --shadow-md:          0 12px 40px rgba(0, 0, 0, 0.28);
  --shadow-lg:          0 24px 80px rgba(0, 0, 0, 0.35);
  --shadow-cyan:        0 0 40px rgba(103, 232, 249, 0.12);
  --shadow-cyan-strong: 0 0 60px rgba(103, 232, 249, 0.22);

  /* ── Transitions ────────────────────────────── */
  --transition-fast:   120ms ease; /* @kind other */
  --transition-base:   180ms ease; /* @kind other */
  --transition-slow:   300ms ease; /* @kind other */
  --transition-bounce: 400ms cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */

  /* ── Backdrop blur ──────────────────────────── */
  --blur-sm:  blur(8px); /* @kind other */
  --blur-md:  blur(16px); /* @kind other */
  --blur-lg:  blur(24px); /* @kind other */
}