:root{
--radius-none:0;
--radius-sm:2px;
--radius-md:4px;
--radius-pill:999px;
--radius-round:50%;

--rule-yellow-width:4px;   /* the yellow underline */
--rule-yellow-thin:2px;    /* under section titles */
--rule-yellow-length:64px;
--angle:30deg; /* @kind other */             /* diagonal tints follow a 30° angle */
--angle-skew:-30deg; /* @kind other */

--shadow-sm:0 1px 2px rgba(13,34,64,.10);
--shadow-md:0 4px 12px rgba(13,34,64,.12);
--shadow-lg:0 12px 32px rgba(13,34,64,.18);
--focus-ring:0 0 0 3px rgba(64,124,202,.45);

--ease-standard:cubic-bezier(.2,0,0,1); /* @kind other */
--duration-fast:120ms; /* @kind other */
--duration-base:200ms; /* @kind other */
--duration-slow:360ms; /* @kind other */
}