/* ============================================================
   Radius-Varianten
   ============================================================ */

/* Eckig — strenge Behoerden-Optik */
[data-radius="eckig"] {
  --r-sm: 0;
  --r-md: 0;
  --r-lg: 0;
  --r-pill: 0;
}

/* Pilled — sehr weiche Cards/Buttons, Travel-Landing-Style */
[data-radius="pilled"] {
  --r-sm: 12px;
  --r-md: 22px;
  --r-lg: 32px;
  --r-pill: 999px;
}
[data-radius="pilled"] .btn {
  border-radius: var(--r-pill);
}
[data-radius="pilled"] .input,
[data-radius="pilled"] .select {
  border-radius: var(--r-pill);
}