/* ============================================================
   RADIUS — Suggest Design System
   Soft, friendly rounding. Cards ~16–20px, controls ~10–12px,
   pills fully rounded. Squircle logo tile ~14px.
   ============================================================ */

:root {
  --radius-xs:   6px;
  --radius-sm:   8px;
  --radius-md:   10px;   /* inputs, small buttons        */
  --radius-lg:   12px;   /* buttons, nav items           */
  --radius-xl:   16px;   /* cards                        */
  --radius-2xl:  20px;   /* large / outer cards          */
  --radius-3xl:  28px;   /* device frame corners         */
  --radius-pill: 999px;  /* badges, tabs, avatars, chips */

  /* Semantic */
  --radius-button: var(--radius-lg);
  --radius-input:  var(--radius-md);
  --radius-card:   var(--radius-xl);
  --radius-card-lg:var(--radius-2xl);
  --radius-badge:  var(--radius-pill);
}