/* Forward Express — spacing, radius, shadow, border, motion tokens. */
:root{
/* Spacing (8px base) */
--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:1120px;
/* Radius */
--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;
/* Shadows — the brand look is a hard "sticker" offset, not soft blur */
--shadow-sticker:4px 4px 0 var(--fe-navy);
--shadow-sticker-sm:2px 2px 0 var(--fe-navy);
--shadow-card:0 2px 0 rgba(0,31,78,.12),0 12px 32px rgba(0,31,78,.12);
--shadow-plaque:inset 0 0 0 2px var(--fe-brass),inset 0 0 0 6px transparent;
/* Borders */
--border-sticker:3px solid var(--fe-navy);
--border-perforation:2px dashed rgba(0,31,78,.35); /* @kind other */
/* Motion — quick, springy, one direction (things enter moving forward) */
--ease-express:cubic-bezier(.22,1,.36,1); /* @kind other */
--ease-punch:cubic-bezier(.34,1.56,.64,1); /* @kind other */
--dur-fast:150ms; /* @kind other */
--dur-med:350ms; /* @kind other */
--dur-slow:700ms; /* @kind other */
}