--siz-1 = "1rem"
--siz-2 = "1.0625rem"
--siz-3 = "1.125rem"
--siz-4 = "1.5rem"
--siz-5 = "2.25rem"
--siz-6 = "2.625rem"
--siz-7 = "3.25rem"
--siz-8 = "4.5rem"
--siz-min = ".75rem"
--siz-pre = ".875rem"
--siz-btn = "1rem"
--max-wid = "1200px"
--inp-hgt = "3rem"
--btn-hgt = "3rem"
--nav-hgt = "5rem"
--rad-0 = ".1875rem"
--rad-1 = ".375rem"
--rad-2 = ".5625rem"
--rad-3 = ".75rem"
--fnt-std = "-apple-system, Arial, sans-serif"
--fnt-btn = "-apple-system, Arial, sans-serif"
--fnt-hdg = "-apple-system, Arial, sans-serif"
--fnt-ttl = "-apple-system, Arial, sans-serif"
--fnt-fix = "monospace"
--wht = "hsl(216, 12%, 96%)"
--gry = "hsl(216, 12%, 76%)"
--blk-1 = "hsl(216, 12%, 20%)"
--blk-2 = "hsl(216, 12%, 16%)"
--pur-1 = "hsl(338, 73%, 25%)"
--pur-2 = "hsl(338, 73%, 17%)"
--pur-3 = "hsl(338, 73%, 12%)"
--ylw-1 = "hsl(54, 85%, 82%)"
--ylw-2 = "hsl(37, 100%, 67%)"
--ylw-3 = "hsl(37, 100%, 57%)"
--red-1 = "hsl(350, 77%, 60%)"
--red-2 = "hsl(350, 77%, 50%)"
--red-3 = "hsl(350, 77%, 40%)"
--grn-1 = "hsl(120, 50%, 75%)"
--grn-2 = "hsl(120, 50%, 65%)"
--grn-3 = "hsl(120, 50%, 55%)"
--blu-1 = "hsl(222, 48%, 55%)"
--blu-2 = "hsl(222, 48%, 45%)"
--blu-3 = "hsl(222, 48%, 35%)"
--trn = "all .075s ease-in-out"
|