/* ============================================================
   RADIUS — mostly sharp geometry. Default 0 or 4px.
   ============================================================ */
:root {
  --radius-none: 0px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;

  --radius-default: var(--radius-sm);
}