:root{--basefont: "Helvetica Neue" , sans-serif;--basefontt: sans-serif;--maxwidth: 1240px;--lightgrey: rgb(211, 211, 211);--backgroundcolor: rgb(255, 255, 255);--secondarycolor: rgb(238, 228, 228);--secondarycolormild: rgb(248, 244, 244);--accentColor: #3E3742;--ratingColor: rgb(255, 180, 0);--ratingColorBck: rgb(210, 210, 210);--cardBackground: rgb(252, 253, 253);--cardShadow: 0px 1px 10px #E9ECF9;--cardRadius: 10px;--radius:10px;--textSubhero: clamp(1.5rem , 2vw, 2rem);--mediumtext: clamp(1rem , 2vw, 1.5rem);--linecolorlight: solid 1px rgb(211, 211, 211);--linecolorsuperlight: solid .5px var(--mutedgreen);--recipieGap: clamp(8px , 2vw , 2rem);--recipieGapM: clamp(16px , 4vw , 3rem);--cardgap: 1rem;--grey: #fafafa;--white: #ffffff;--skyblue: #E8EBF8;--greyblue: #eef1f9;--darkgreen: #33673F;--darkergreen: #132b19;--lightgreen: #D8ECDD;--lightergreen: #e4f7e9;--mediumgreen: #61936D;--mutedgreen: #dfe4de;--sun: #F0DA64;--iconSWidth: 2}