:root{--clr-primary:hsl(150,100%,28%);--clr-primary-dark:hsl(150,100%,23%);--clr-accent:hsl(356,65%,49%);--clr-accent-dark:hsl(356,65%,44%);--clr-accent-light:hsl(356,70%,96%);--clr-text:hsl(0,0%,10%);--clr-text-muted:hsl(0,0%,40%);--clr-bg:hsl(0,0%,100%);--clr-bg-alt:hsl(0,0%,96%);--clr-border:hsl(0,0%,90%);--ff-heading:"Montserrat",sans-serif;--ff-body:"Lato",sans-serif;--fs-display:clamp(2.5rem,5vw + 1rem,4rem);--fs-h2:clamp(1.8rem,3vw + .8rem,2.75rem);--fs-h3:clamp(1.2rem,1.5vw + .5rem,1.5rem);--fs-body:clamp(1rem,.5vw + .8rem,1.125rem);--fs-small:clamp(.875rem,.2vw + .7rem,.95rem);--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:clamp(4rem,8vw,6rem);--space-2xl:clamp(6rem,12vw,8rem);--container-max:70rem;--container-pad:clamp(1rem,4vw,2rem);--radius-sm:0.5rem;--radius-md:1rem;--radius-lg:1.5rem;--shadow-sm:0 2px 4px hsla(0,0%,10%,.05);--shadow-md:0 4px 12px hsla(0,0%,10%,.08);--shadow-lg:0 10px 30px hsla(0,0%,10%,.1);--ease:cubic-bezier(.25,.46,.45,.94);--duration:0.3s;--mdb-green:hsl(150,100%,22%);--mdb-green-hover:hsl(150,100%,17%);--mdb-red:hsl(356,65%,46%);--mdb-red-hover:hsl(356,65%,38%);--mdb-ink:hsl(150,8%,10%);--mdb-body:hsl(150,4%,22%);--mdb-muted:hsl(150,4%,34%);--mdb-line:hsl(150,8%,86%);--mdb-line-strong:hsl(150,8%,74%);--mdb-surface:#f7f7f7;--mdb-tint:hsl(150,32%,93%);--mdb-on-green:hsl(150,20%,99%);--mdb-radius:1rem;--mdb-radius-btn:0.5rem;--mdb-shadow:0 1px 2px hsla(150,25%,15%,.06),0 20px 48px -20px hsla(150,25%,15%,.28);--mdb-ff-head:"Montserrat",sans-serif;--mdb-ff-body:"Lato",sans-serif;--mdb-fs-hero:clamp(2.5rem,2.2vw + 1.6rem,3.5rem);--mdb-fs-statement:clamp(1.875rem,2.2vw + 1.2rem,3rem);--mdb-fs-h2:clamp(1.875rem,1.4vw + 1.35rem,2.625rem);--mdb-fs-lead:clamp(1.125rem,.4vw + 1rem,1.3125rem);--mdb-section-y:clamp(4.5rem,9vw,7.5rem)}