:root{
  --radius-xs:6px;
  --radius-sm:8px;
  --radius-md:10px;
  --radius-lg:12px;
  --radius-xl:16px;
  --radius-2xl:20px;
  --radius-3xl:28px;
  --radius-pill:999px;
  --radius-squircle:24%;

  --radius-button:var(--radius-md);
  --radius-input:var(--radius-md);
  --radius-card:var(--radius-lg);
  --radius-panel:var(--radius-xl);
  --radius-icon-badge:var(--radius-pill);
}