/* ============================================================
   Blessin AI — Radius scale
   Base --radius: 0.625rem (10px). The scale is derived by
   multiplier, verbatim from the product's @theme block. Inputs,
   buttons and selects use --radius-lg; cards & dialogs --radius-xl;
   badges & pills --radius-4xl; bubbles use a fixed 1rem (rounded-2xl).
   ============================================================ */

:root {
  --radius: 0.625rem;                          /* 10px — base */
  --radius-sm: calc(var(--radius) * 0.6);      /* 6px  */
  --radius-md: calc(var(--radius) * 0.8);      /* 8px  */
  --radius-lg: var(--radius);                  /* 10px — buttons, inputs */
  --radius-xl: calc(var(--radius) * 1.4);      /* 14px — cards, dialogs */
  --radius-2xl: calc(var(--radius) * 1.8);     /* 18px */
  --radius-3xl: calc(var(--radius) * 2.2);     /* 22px */
  --radius-4xl: calc(var(--radius) * 2.6);     /* 26px — badges/pills */

  /* Chat-bubble radius (fixed, not on the scale) */
  --radius-bubble: 1rem;                        /* 16px — rounded-2xl */
  --radius-full: 9999px;                        /* launcher, avatar, dots */
}