/* QuadBlock — Effects: radius, shadow, motion
 * Signature: generous "squircle" radii.
 */
:root {
  /* ---- Radii (soft, generous — Team8 squircle world) ---- */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   14px;
  --radius-lg:   22px;
  --radius-xl:   32px;
  --radius-2xl:  48px;
  --radius-pill: 999px;
  /* The "speech bubble" tell: one corner pulled flat/tight */
  --radius-bubble: 28px 28px 28px 6px;

  /* ---- Shadows — low, warm, never harsh ---- */
  --shadow-xs:  0 1px 2px rgba(20,24,43,0.06);
  --shadow-sm:  0 2px 6px rgba(20,24,43,0.07);
  --shadow-md:  0 8px 22px rgba(20,24,43,0.10);
  --shadow-lg:  0 18px 48px rgba(20,24,43,0.14);
  --shadow-ink: 0 16px 40px rgba(20,24,43,0.30); /* navy cards */

  /* ---- Motion ---- */
  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-in-out:cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur:        200ms; /* @kind other */
  --dur-slow:   360ms; /* @kind other */
}