:root{
/* Radii are restrained — the brand's corner language is the 45° chamfer of the logo, not roundness */
--radius-none:0;--radius-xs:3px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;
--border-width:1px;--border-width-thick:2px;
/* Chamfer motif: clip a corner at 45°, echoing the logo's cut edges */
--chamfer-sm:10px;--chamfer-md:16px;--chamfer-lg:28px;
--clip-chamfer-tr:polygon(0 0,calc(100% - var(--chamfer-md)) 0,100% var(--chamfer-md),100% 100%,0 100%);
--clip-chamfer-bl:polygon(0 0,100% 0,100% 100%,var(--chamfer-md) 100%,0 calc(100% - var(--chamfer-md)));
--clip-chamfer-duo:polygon(var(--chamfer-md) 0,100% 0,100% calc(100% - var(--chamfer-md)),calc(100% - var(--chamfer-md)) 100%,0 100%,0 var(--chamfer-md))}