:root{
--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-pill:999px;
--shadow-sm:0 1px 2px rgba(20,27,58,.06);--shadow-md:0 6px 20px rgba(20,27,58,.10);--shadow-lg:0 16px 40px rgba(20,27,58,.14);--shadow-accent:0 8px 24px rgba(63,160,224,.35);
--focus-ring:0 0 0 3px rgba(63,160,224,.35); /* @kind shadow */
--ease-out:cubic-bezier(.2,.7,.2,1); /* @kind other */
--dur-fast:150ms; /* @kind other */
--dur-base:220ms; /* @kind other */
--dur-slow:400ms; /* @kind other */
--hover-lift:translateY(-4px); /* @kind other */
--press-scale:scale(.98); /* @kind other */
--overlay-navy:linear-gradient(180deg,rgba(20,27,58,.55) 0%,rgba(20,27,58,.85) 100%); /* @kind color */
--overlay-protect:linear-gradient(180deg,rgba(20,27,58,0) 40%,rgba(20,27,58,.8) 100%); /* @kind color */
}