:root{
/* Radii — sharp foundations, softer controls, circular badges (the crest) */
--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-pill:999px;
--border-width:1px;--border-width-strong:2px;--border-width-rule:3px;
/* Elevation — borders first on navy; soft warm-shadowed cards on ivory */
--shadow-sm:0 1px 2px rgba(6,11,28,.24);--shadow-md:0 8px 24px -8px rgba(6,11,28,.45);--shadow-lg:0 24px 48px -16px rgba(6,11,28,.55);--shadow-copper:0 0 0 1px rgba(255,107,53,.5),0 0 28px rgba(255,107,53,.35);
/* Motion — quick and decisive; no bounces except the 'snap' for live moments */
--ease-out:cubic-bezier(.2,.8,.2,1); /* @kind other */
--ease-in-out:cubic-bezier(.65,0,.35,1); /* @kind other */
--ease-snap:cubic-bezier(.3,1.4,.5,1); /* @kind other */
--dur-fast:120ms; /* @kind other */
--dur-base:200ms; /* @kind other */
--dur-slow:320ms; /* @kind other */
--dur-reveal:560ms; /* @kind other */
/* Patterns lifted from the kits — home-shirt pinstripes at 60px */
--pinstripe-gap:60px; /* @kind spacing */
--pattern-pinstripe:repeating-linear-gradient(90deg,transparent 0 59px,rgba(255,107,53,.42) 59px 60px); /* @kind other */
--pattern-pinstripe-ivory:repeating-linear-gradient(90deg,transparent 0 59px,rgba(11,19,43,.10) 59px 60px); /* @kind other */
--pattern-pinstripe-subtle:repeating-linear-gradient(90deg,transparent 0 59px,rgba(244,235,221,.08) 59px 60px); /* @kind other */
--gradient-protect:linear-gradient(180deg,rgba(11,19,43,0) 0%,rgba(11,19,43,.88) 100%); /* @kind other */
--gradient-protect-top:linear-gradient(180deg,rgba(11,19,43,.7) 0%,rgba(11,19,43,0) 100%); /* @kind other */
--duotone-copper:linear-gradient(180deg,rgba(11,19,43,.55),rgba(255,107,53,.35)); /* @kind other */
--opacity-disabled:.4; /* @kind other */
--blur-overlay:12px; /* @kind other */
}