:root{
/* The brand is squarer than most 2020s web: images and cards are hard-cornered.
   Rounding is reserved for pills, the logo badge, and form controls. */
--radius-none:0;
--radius-xs:2px;
--radius-sm:4px;
--radius-md:6px;
--radius-lg:10px;
--radius-pill:999px;
--radius-circle:50%;

--radius-card:var(--radius-none);
--radius-media:var(--radius-none);
--radius-button:var(--radius-pill);
--radius-input:var(--radius-sm);
--radius-badge:var(--radius-pill);
--radius-dialog:var(--radius-md);
}