:root{
--radius-none:0px;
--radius-xs:2px;
--radius-sm:4px;
--radius-pill:999px;

--shadow-sm:0 1px 2px rgba(19,48,31,.08);
--shadow-md:0 12px 28px -14px rgba(19,48,31,.28);
--shadow-lg:0 28px 56px -24px rgba(19,48,31,.35);
--focus-ring:0 0 0 3px var(--gh-paper),0 0 0 5px var(--gh-green-600); /* @kind shadow */

--overlay-hero:linear-gradient(180deg,rgba(11,36,22,.35) 0%,rgba(11,36,22,.25) 50%,rgba(11,36,22,.45) 100%); /* @kind other */
--texture-paper:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.2 0 0 0 0 0.22 0 0 0 0 0.2 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E"); /* @kind other */

--ease-out:cubic-bezier(.2,.7,.2,1); /* @kind other */
--dur-fast:150ms; /* @kind other */
--dur-base:250ms; /* @kind other */
--dur-reveal:600ms; /* @kind other */
--reveal-distance:16px; /* @kind other */
}