:root{
--radius-none:0px;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;
--radius-xl:40px;--radius-2xl:64px;--radius-pill:999px;
--radius-logo-box:18px;   /* the rounded rectangle of the Metza mark */
--radius-card:var(--radius-md);
--radius-control:var(--radius-pill);
--radius-panel:var(--radius-2xl);
--border-width-hairline:1px;--border-width-default:1.5px;--border-width-strong:3px;
}