/* ── Radius & motion tokens ─────────────────────────────────────────
   Corners are gentle, never pill-sharp on containers. Shadows are theme-
   dependent (soft in light, flat in dark) and live in colors.css. Motion is
   calm: 150–250ms ease-out, no bounce, always respecting prefers-reduced-motion. */

:root {
  /* Radius */
  --radius: 8px; /* cards, modals */
  --radius-sm: 5px; /* buttons, inputs, chips */
  --radius-lg: 16px; /* login card, self-care card */
  /* Circles: use 50% directly (avatars, checkboxes, dots) */

  /* Motion — calm micro-interactions */
  --transition-fast: 0.15s ease-out; /* @kind other */
  --transition-base: 0.2s ease-out; /* @kind other */
  --transition-press: 0.05s ease-out; /* @kind other */
}