:root{
--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-pill:999px;
--shadow-xs:0 1px 2px color-mix(in oklch, var(--color-deep-navy) 8%, transparent);
--shadow-sm:0 2px 8px color-mix(in oklch, var(--color-deep-navy) 10%, transparent);
--shadow-md:0 8px 24px color-mix(in oklch, var(--color-deep-navy) 12%, transparent);
--shadow-lg:0 16px 40px color-mix(in oklch, var(--color-deep-navy) 16%, transparent);
--shadow-focus:0 0 0 3px var(--focus-ring);
--ease-standard:cubic-bezier(.4,0,.2,1); /* @kind other */
--ease-out:cubic-bezier(0,0,.2,1); /* @kind other */
--duration-fast:120ms; /* @kind other */
--duration-base:200ms; /* @kind other */
--duration-slow:340ms; /* @kind other */
}