:root{
  /* DECA's identity is geometric and print-first: squared corners are the default.
     Small radii are used only to soften interactive controls. */
  --radius-none:0;
  --radius-xs:2px;
  --radius-sm:3px;
  --radius-md:4px;
  --radius-lg:6px;
  --radius-pill:999px;
  --radius-control:var(--radius-xs);
  --radius-card:var(--radius-none);
  --radius-media:var(--radius-none);
}