:root{
--shadow-xs:0 1px 2px rgba(10,10,79,.06);
--shadow-sm:0 2px 6px rgba(10,10,79,.07);
--shadow-md:0 6px 18px rgba(10,10,79,.09);
--shadow-lg:0 14px 36px rgba(10,10,79,.12);
--shadow-accent:0 8px 20px rgba(38,174,95,.28);
--shadow-support:0 8px 20px rgba(0,78,181,.22);
--shadow-inset-top:inset 0 1px 0 rgba(255,255,255,.5);

--ring-focus:0 0 0 3px rgba(0,78,181,.28);
--ring-accent:0 0 0 3px rgba(38,174,95,.24);

--ease-out:cubic-bezier(.2,.8,.3,1); /* @kind other */
--ease-in-out:cubic-bezier(.5,0,.3,1); /* @kind other */
--ease-soft-bounce:cubic-bezier(.34,1.4,.64,1); /* @kind other */
--duration-fast:120ms; /* @kind other */
--duration-base:200ms; /* @kind other */
--duration-slow:320ms; /* @kind other */
--transition-base:all var(--duration-base) var(--ease-out);

--blur-overlay:blur(8px); /* @kind other */
--card-border:var(--border-width) solid var(--border-default);
}