/* ── Radius, shadows, motion ─────────────────────────────────────────
   Corners: 12–16px on cards, 999px (pill) on buttons/tags.
   Shadows: extremely subtle, low-opacity, large-blur. No harsh drops.
   Motion: everything < 600ms, ease-out. Only search-typing loops. */
:root {
  --radius-sm: 8px;
  --radius-card: 14px;   /* 12–16px range */
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* Subtle elevation */
  --shadow-sm: 0 1px 2px rgba(11,27,51,0.04);
  --shadow-card: 0 10px 30px -12px rgba(11,27,51,0.10);
  --shadow-lift: 0 18px 44px -16px rgba(11,27,51,0.16); /* card hover */
  --shadow-cta: 0 8px 20px -8px rgba(212,165,55,0.45);  /* gold glow */

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast: 160ms; /* @kind other */
  --dur-base: 280ms; /* @kind other */
  --dur-slow: 560ms; /* @kind other */
  --rise: 16px; /* @kind spacing */ /* scroll fade+rise distance */
}