@import url('fonts.css');
:root{
--paper:#F2F4F1;--ink:#202624;--muted:#5B645F;--accent:#B82E1B;--on-accent:#FFFFFF;--stage:#D5DCD5;--stage-letter:#B3BDB3;--line:#BBC4BC;
--image-surface:#E5EAE3;--selected-surface:#E7EBE6;--accent-hover:#922418;--on-dark-muted:#C6CFC7;--scrim:rgb(20 27 23 / .55);
--danger:#A52318;--success:#2B5B3C;--focus:#B82E1B;
--font-body:'Switzer',Arial,sans-serif;--font-title:'Tanker',Arial,sans-serif;
--text-small:14px;--text-body:16px;--text-large:20px;--title-section:clamp(36px,4.4vw,64px);--title-display:clamp(64px,8.6vw,136px);
--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-6:48px;--space-8:64px;--space-12:96px;
--page-margin:40px;--page-max:1800px;--grid-gap:24px;--radius:0px;--border:1px;--target:44px;
--motion-control:200ms;--motion-panel:320ms;--motion-reveal:500ms;--ease:cubic-bezier(.22,.7,.25,1);
}
@media(max-width:1050px){:root{--page-margin:28px}}
@media(max-width:699px){:root{--page-margin:18px;--grid-gap:16px}}
@media(prefers-reduced-motion:reduce){:root{--motion-control:0ms;--motion-panel:0ms;--motion-reveal:0ms}}
:root{--title-group:26px;--title-product-active:48px}