:root{
--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;
--radius-control:var(--radius-md);--radius-card:var(--radius-lg);
--border-width:1px;--rule-width:2px;  /* green underline rule */
--shadow-sm:0 1px 2px rgba(45,45,45,.08);
--shadow-md:0 4px 12px rgba(45,45,45,.10);
--shadow-lg:0 12px 32px rgba(45,45,45,.16);
--focus-ring:0 0 0 3px rgba(26,152,224,.35);
--ease-out:cubic-bezier(.2,.7,.2,1); /* @kind other */
--ease-bounce:cubic-bezier(.34,1.56,.64,1); /* @kind other */
--dur-fast:120ms; /* @kind other */
--dur-base:200ms; /* @kind other */
--dur-slow:320ms; /* @kind other */
--overlay-scrim:rgba(45,45,45,.55);
}