/* ============================================================
   Radius — Straloo Design System
   Single base (--radius: 0.625rem / 10px) with a derived scale.
   Buttons/inputs use lg; cards & dialogs use xl; badges use 4xl
   (full pill). Mirrors palpatine's calc()-derived ramp.
   ============================================================ */

:root {
  --radius: 0.625rem;                         /* 10px base */
  --radius-sm: calc(var(--radius) - 4px);     /* 6px  */
  --radius-md: calc(var(--radius) - 2px);     /* 8px  */
  --radius-lg: var(--radius);                 /* 10px — buttons, inputs */
  --radius-xl: calc(var(--radius) + 4px);     /* 14px — cards, dialogs */
  --radius-2xl: calc(var(--radius) + 8px);    /* 18px */
  --radius-3xl: calc(var(--radius) + 12px);   /* 22px */
  --radius-4xl: calc(var(--radius) + 16px);   /* 26px — badges (pill) */
}