/* ── Effects: radii, shadows, borders, motion ──────────────
   Soft, premium, restrained. No hard edges, no harsh shadows.
   ──────────────────────────────────────────────────────── */
:root {
  /* Radii — cards are gently rounded; badges & avatars are pills/circles */
  --radius-sm: 8px;
  --radius-md: 14px;     /* default card */
  --radius-lg: 22px;
  --radius-pill: 999px;

  /* Shadows — warm-tinted, diffuse */
  --shadow-sm: 0 1px 2px rgba(24, 65, 109, 0.08);
  --shadow-card: 0 6px 22px rgba(24, 65, 109, 0.12);
  --shadow-raised: 0 14px 40px rgba(24, 65, 109, 0.18);
  --shadow-gold-ring: 0 0 0 1px var(--border-gold-soft);

  /* Hairline gold rule used under headings + around badges */
  --rule-gold: 1px solid var(--border-gold);
  --rule-soft: 1px solid var(--border-soft);

  /* Motion — calm, confident; ease-out, no bounce */
  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --dur-fast: 140ms; /* @kind other */
  --dur-base: 240ms; /* @kind other */
  --dur-slow: 420ms; /* @kind other */

  /* Focus ring */
  --focus-ring: 0 0 0 3px rgba(255, 176, 41, 0.45);
}