:root{
--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-pill:999px;--radius-btn:8px;
--radius-arc:999px 999px 0 0; /* arc motif: top-rounded media + panels */
--border-hairline:1px;--border-thick:2px;--border-rule:3px;
--shadow-xs:0 1px 2px rgba(23,28,36,.06);
--shadow-sm:0 2px 6px rgba(23,28,36,.07);
--shadow-md:0 6px 18px -4px rgba(23,28,36,.12),0 2px 4px rgba(23,28,36,.05);
--shadow-lg:0 18px 40px -12px rgba(18,41,78,.22),0 4px 10px rgba(23,28,36,.06);
--shadow-focus:0 0 0 3px rgba(43,108,176,.32);
--shadow-inset-line:inset 0 -1px 0 rgba(23,28,36,.08);
}