:root{
/* radii — sharp, professional (not playful/rounded) */
--radius-xs:2px;
--radius-sm:4px;
--radius-md:6px;
--radius-lg:8px;
--radius-pill:999px;
/* shadows — subtle, single soft layer + hairline border does the rest */
--shadow-sm:0 1px 2px rgba(15,24,48,0.06);
--shadow-md:0 4px 12px rgba(15,24,48,0.08);
--shadow-lg:0 12px 32px rgba(15,24,48,0.12);
--shadow-focus:0 0 0 3px var(--blue-100);
/* motion */
--ease-standard:cubic-bezier(.4,0,.2,1); /* @kind other */
--duration-fast:120ms; /* @kind other */
--duration-base:200ms; /* @kind other */
--duration-slow:320ms; /* @kind other */
}