/* Garcia Family — Corner radii (soft, very rounded) */
:root {
  --radius-xs:   8px;
  --radius-sm:   12px;
  --radius-md:   16px;
  --radius-lg:   20px;
  --radius-xl:   28px;
  --radius-2xl:  36px;
  --radius-full: 9999px;

  /* Semantic */
  --radius-control: var(--radius-full); /* pill buttons */
  --radius-input:   var(--radius-md);
  --radius-chip:    var(--radius-full);
  --radius-card:    var(--radius-xl);
  --radius-sheet:   var(--radius-2xl);
  --radius-avatar:  var(--radius-full);
}