:root{
/* radii - soft, small; never pill-shaped except chips */
--radius-xs:4px;
--radius-sm:6px;
--radius-md:10px;
--radius-lg:14px;
--radius-xl:20px;
--radius-pill:999px;

/* borders */
--border-hairline:1px solid var(--line-hairline);
--border-soft:1px solid var(--line-soft);
--border-accent:1px solid var(--line-accent);

/* shadows - light, cool, diffuse. never heavy */
--shadow-none:none;
--shadow-xs:0 1px 2px rgba(11,29,58,.05);
--shadow-sm:0 2px 8px rgba(11,29,58,.06);
--shadow-md:0 8px 24px rgba(11,29,58,.08);
--shadow-lg:0 20px 48px rgba(11,29,58,.10);
--shadow-accent:0 8px 24px rgba(41,182,246,.24);
--shadow-inset-hairline:inset 0 0 0 1px var(--line-hairline);

/* blur / glass */
--blur-glass:blur(14px); /* @kind other */

/* motion */
--ease-standard:cubic-bezier(.2,.8,.2,1); /* @kind other */
--ease-out:cubic-bezier(0,0,.2,1); /* @kind other */
--ease-in-out:cubic-bezier(.4,0,.2,1); /* @kind other */
--duration-fast:120ms; /* @kind other */
--duration-base:180ms; /* @kind other */
--duration-slow:320ms; /* @kind other */

/* brand gradients - subtle only, used on backdrops and data waves */
--gradient-page:linear-gradient(180deg,#FFFFFF 0%,var(--bi-offwhite) 100%);
--gradient-navy:linear-gradient(180deg,#0B1D3A 0%,#132A4F 100%); /* @kind color */
--gradient-data:linear-gradient(90deg,rgba(41,182,246,0) 0%,var(--bi-blue) 50%,rgba(41,182,246,0) 100%);
--gradient-protect:linear-gradient(180deg,rgba(11,29,58,0) 0%,rgba(11,29,58,.72) 100%); /* @kind color */
--grid-lines:linear-gradient(to right,var(--line-hairline) 1px,transparent 1px),linear-gradient(to bottom,var(--line-hairline) 1px,transparent 1px);
}