:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;
--container-max:1200px;--gutter:24px;
/* Shape — the brand uses square corners + a 45° chamfer, never rounded radii */
--radius-none:0;--radius-sm:2px;
--chamfer-sm:10px;--chamfer-md:24px;--chamfer-lg:56px;
--clip-chamfer-br:polygon(0 0,100% 0,100% calc(100% - var(--chamfer,24px)),calc(100% - var(--chamfer,24px)) 100%,0 100%);/* @kind radius */
--clip-chamfer-tr:polygon(0 0,calc(100% - var(--chamfer,24px)) 0,100% var(--chamfer,24px),100% 100%,0 100%);/* @kind radius */
--clip-chamfer-bl:polygon(0 0,100% 0,100% 100%,var(--chamfer,24px) 100%,0 calc(100% - var(--chamfer,24px)));/* @kind radius */
--clip-chamfer-tl:polygon(var(--chamfer,24px) 0,100% 0,100% 100%,0 100%,0 var(--chamfer,24px));/* @kind radius */
--clip-chamfer-tr-bl:polygon(0 0,calc(100% - var(--chamfer,24px)) 0,100% var(--chamfer,24px),100% 100%,var(--chamfer,24px) 100%,0 calc(100% - var(--chamfer,24px)));/* @kind radius */
--border-w:1px;--border-w-strong:2px;
--shadow-sm:0 1px 2px rgba(11,34,64,.12);
--shadow-md:0 4px 14px rgba(11,34,64,.14);
--shadow-lg:0 12px 32px rgba(11,34,64,.18);
--ease-standard:cubic-bezier(.2,.0,.2,1);/* @kind other */--dur-fast:120ms;/* @kind other */--dur-base:200ms;/* @kind other */--dur-slow:320ms;/* @kind other */
}