:root{
/* Rounded but restrained — the mark's own corner ratio (22/248 ≈ 9%) */
--radius-xs:3px;
--radius-sm:6px;
--radius-md:10px;
--radius-lg:16px;
--radius-xl:24px;
--radius-pill:999px;

--border-width:1px;
--border-width-strong:2px;

/* Elevation is used sparingly: hairlines first, shadow only when floating */
--shadow-none:none;
--shadow-sm:0 1px 2px rgba(28,36,41,.06);
--shadow-md:0 2px 10px rgba(28,36,41,.07);
--shadow-lg:0 8px 28px rgba(28,36,41,.10);
--shadow-focus:0 0 0 3px rgba(0,113,170,.28);
}