:root{--clr-primary:hsl(210,60%,40%);--clr-primary-dark:hsl(210,60%,30%);--clr-primary-light:hsl(210,50%,95%);--clr-accent:hsl(140,70%,50%);--clr-accent-dark:hsl(140,70%,40%);--clr-bg:hsl(0,0%,95%);--clr-surface:hsl(0,0%,100%);--clr-text:hsl(0,0%,20%);--clr-text-muted:hsl(0,0%,45%);--clr-border:hsl(210,20%,85%);--clr-footer-text:hsl(0,0%,80%);--clr-footer-muted:hsl(0,0%,60%);--clr-footer-rule:hsl(0,0%,30%);--ff-heading:"Outfit",sans-serif;--ff-body:"Figtree",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,.3vw + .7rem,1rem);--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:75rem;--container-pad:clamp(1rem,4vw,2rem);--radius-sm:0.5rem;--radius-md:1rem;--radius-lg:1.5rem;--shadow-sm:0 2px 4px hsla(210,40%,20%,.04);--shadow-md:0 4px 12px hsla(210,40%,20%,.08);--shadow-lg:0 10px 30px hsla(210,40%,20%,.12);--ease:cubic-bezier(.25,.1,.25,1);--duration:0.3s}