:root{
--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;
--border-w:1px; /* @kind other */
--border-w-strong:2px; /* @kind other */

--shadow-sm:0 1px 2px rgba(12,48,81,.06),0 1px 3px rgba(12,48,81,.08);
--shadow-md:0 4px 12px rgba(12,48,81,.08),0 2px 4px rgba(12,48,81,.05);
--shadow-lg:0 18px 40px -12px rgba(12,48,81,.22),0 6px 14px rgba(12,48,81,.06);
--shadow-focus:0 0 0 3px var(--white),0 0 0 6px var(--focus-ring);
--scrim-hero:linear-gradient(180deg,rgba(6,26,46,.15) 0%,rgba(6,26,46,.55) 55%,rgba(6,26,46,.88) 100%); /* @kind color */

--scrim-side:linear-gradient(90deg,rgba(6,26,46,.9) 0%,rgba(6,26,46,.55) 45%,rgba(6,26,46,0) 80%); /* @kind color */

--ease-out:cubic-bezier(.2,.7,.2,1); /* @kind other */
--ease-in-out:cubic-bezier(.65,0,.35,1); /* @kind other */
--ease-drive:cubic-bezier(.33,0,.15,1); /* @kind other */

--dur-fast:150ms; /* @kind other */
--dur-base:250ms; /* @kind other */
--dur-slow:450ms; /* @kind other */
--dur-reveal:700ms; /* @kind other */

}
@media (prefers-reduced-motion:reduce){:root{--dur-fast:0ms; /* @kind other */
--dur-base:0ms; /* @kind other */
--dur-slow:0ms; /* @kind other */
--dur-reveal:0ms; /* @kind other */
}}