:root{
/* The isotype bars are drawn with a ~6.5px radius on a 90px bar — the brand's
   corner language is "barely softened", never pill-shaped, except for tags. */
--radius-none:0px;
--radius-xs:3px;
--radius-sm:5px;
--radius-md:8px;
--radius-lg:12px;
--radius-xl:16px;
--radius-2xl:24px;
--radius-panel:96px; /* the big brand panel shape: 2 opposite corners only */
--radius-pill:999px;
--radius-circle:50%;

--radius-button:var(--radius-sm);
--radius-input:var(--radius-sm);
--radius-card:var(--radius-md);
--radius-media:var(--radius-md);
--radius-tag:var(--radius-pill);
--radius-dialog:var(--radius-lg);

/* the signature asymmetric panel: top-left + bottom-right squared off */
--panel-corners:var(--radius-none) var(--radius-panel) var(--radius-none) var(--radius-panel);
}