/* ============================================================
   Truekr — Effects: radii, shadows, motion
   ============================================================ */

:root {
  /* ---- Corner radii ---- */
  --radius-xs:   6px;   /* tags / chips */
  --radius-sm:   8px;   /* buttons, inputs */
  --radius-md:   12px;  /* small cards, avatars-square */
  --radius-lg:   16px;  /* cards */
  --radius-xl:   20px;  /* large feature cards / dark match card */
  --radius-2xl:  28px;  /* mobile sheets */
  --radius-pill: 999px; /* pills, avatar */

  /* ---- Shadows (soft, low-contrast — documentary calm) ---- */
  --shadow-xs: 0 1px 2px rgba(0, 37, 43, 0.06);
  --shadow-sm: 0 2px 8px rgba(0, 37, 43, 0.07);
  --shadow-md: 0 6px 20px rgba(0, 37, 43, 0.09);
  --shadow-lg: 0 16px 40px rgba(0, 37, 43, 0.14);
  --shadow-coral: 0 8px 24px rgba(226, 88, 53, 0.30); /* glow under coral CTAs */

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  /* gentle overshoot for match/like */
  --ease-spring:   cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --dur-fast:   150ms; /* @kind other */
  --dur-normal: 300ms; /* @kind other */
  --dur-slow:   600ms; /* @kind other */

  /* Press scale (buttons / swipe cards) */
  --press-scale: 0.98; /* @kind other */
  --hover-lift:  1.02; /* @kind other */
}