/* Radius — mostly square. Curves are the exception, used on pills + media chrome. */
:root{
  --radius-none:0px;
  --radius-xs:2px;
  --radius-sm:4px;
  --radius-md:8px;
  --radius-lg:14px;
  --radius-xl:24px;
  --radius-pill:999px;
  --radius-card:var(--radius-none);
  --radius-media:var(--radius-xs);
  --radius-control:var(--radius-pill);
}