:root{
/* Radii: bold badge geometry — modest rounding, never pill-soft except chips/CTAs */
--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;
/* Shadows */
--shadow-card:0 1px 3px rgba(2,25,67,.08),0 8px 24px rgba(2,25,67,.10);
--shadow-raised:0 4px 12px rgba(2,25,67,.16),0 16px 40px rgba(2,25,67,.18);
--shadow-cta:0 4px 14px rgba(206,3,3,.35);
/* Thick-outline brand device */
--outline-brand:3px solid var(--sj-navy);
/* Angled cut device (use as clip-path on section edges) */
--angle-cut:polygon(0 0,100% 0,100% calc(100% - 48px),0 100%); /* @kind other */
--angle-cut-flip:polygon(0 48px,100% 0,100% 100%,0 100%); /* @kind other */
/* Motion */
--ease-out:cubic-bezier(.16,1,.3,1); /* @kind other */
--dur-fast:150ms; /* @kind other */
--dur-med:280ms; /* @kind other */
}