/* ── Band 7 IELTS · Radius, shadow, motion ────────────────────
   Soft rounded surfaces, gentle shadows, pill CTAs. Motion is
   subtle: fade-up on scroll, easing lifts on hover. */
:root {
  /* Radii */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-card: 0 8px 30px rgba(26, 26, 26, 0.06);
  --shadow-card-hover: 0 16px 44px rgba(26, 26, 26, 0.10);
  --shadow-mockup: 0 24px 60px rgba(26, 26, 26, 0.12);
  --shadow-cta: 0 10px 24px var(--cta-glow);
  --shadow-cta-hover: 0 16px 34px var(--cta-glow);

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --dur-fast: 160ms; /* @kind other */
  --dur-base: 260ms; /* @kind other */
  --dur-slow: 620ms; /* @kind other */
}