/* ============================================================
   RADIUS — soft, friendly rounding (echoes the droplet mark)
   ============================================================ */
:root {
  --bks-radius-xs:  6px;
  --bks-radius-sm:  10px;
  --bks-radius-md:  14px;
  --bks-radius-lg:  20px;
  --bks-radius-xl:  28px;
  --bks-radius-2xl: 36px;
  --bks-radius-pill: 999px;
}