/* Border radius — softness is core to the identity. Avoid < 6px. */

:root {
  --radius-sharp: 4px;         /* inline elements only */
  --radius-sm: 6px;            /* small secondary controls */
  --radius-md: 8px;            /* standard buttons, cards */
  --radius-lg: 12px;           /* primary buttons, inputs, nav */
  --radius-xl: 16px;           /* featured containers, video */
  --radius-2xl: 24px;          /* tag-like elements */
  --radius-3xl: 32px;          /* hero containers, embedded media */
  --radius-pill: 999px;        /* pills */
}