/* ============== */
/* SPACING TOKENS */
/* ============== */

/* These tokens preserve the appropriate ratios of spacing comapred to our base spacing unit */

:root {
  --radius-none:   0;
  --radius-xs:     2px;
  --radius-sm:     4px;
  --radius-md:     6px;
  --radius-lg:     8px;
  --radius-xl:     12px;
  --radius-2xl:    24px;
  --radius-circle: 100%;
}