:root { --primaria: #fff; --secundaria: #f0f0f0; --brand: hsl(208, 40%, 49%); --brand-l-1: hsl(208, 38%, 66%); --brand-l-2: hsl(208, 38%, 83%); --brand-t-1: hsla(208, 40%, 49%, 0.25); --brand-t-2: hsla(208, 40%, 49%, 0.5); --brand-t-3: hsla(208, 40%, 49%, 0.75); --brand-d-1: hsl(208, 40%, 37%); --brand-d-2: hsl(208, 40%, 25%); --brand-d-3: hsl(208, 40%, 12%); --destaque: hsl(118, 100%, 49%); --geral-dark: #b3b3b3; --geral-destaque: hsl(45, 98%, 53%); --primaria-t-1: hsla(0, 0%, 100%, 0.25); --primaria-t-2: hsla(0, 0%, 100%, 0.5); --primaria-t-3: hsla(0, 0%, 100%, 0.75); --secundaria-t-1: hsla(0, 0%, 94%, 0.25); --secundaria-t-2: hsla(0, 0%, 94%, 0.5); --secundaria-t-3: hsla(0, 0%, 94%, 0.75); --gap-min: clamp(0.4rem, calc(0.003703703703703704 * (100vw - 36rem) + 0.4rem), 0.8rem); --gap-med: clamp(0.75rem, calc(0.006944444444444444 * (100vw - 36rem) + 0.75rem), 1.5rem); --gap-padr: clamp(1.41rem, calc(0.012962962962962964 * (100vw - 36rem) + 1.41rem), 2.81rem); --gap-gde: clamp(2.64rem, calc(0.024351851851851847 * (100vw - 36rem) + 2.64rem), 5.27rem); --gap-xgde: clamp(4.94rem, calc(0.04583333333333334 * (100vw - 36rem) + 4.94rem), 9.89rem); --p-1: clamp(1.2rem, calc(0 * (100vw - 36rem) + 1.2rem), 1.2rem); --p-2: clamp(1.5rem, calc(0.0009259259259259267 * (100vw - 36rem) + 1.5rem), 1.6rem); --h-4: clamp(1.5rem, calc(0.0009259259259259267 * (100vw - 36rem) + 1.5rem), 1.6rem); --h-3: clamp(1.88rem, calc(0.0023148148148148147 * (100vw - 36rem) + 1.88rem), 2.13rem); --h-2: clamp(2.34rem, calc(0.004629629629629629 * (100vw - 36rem) + 2.34rem), 2.84rem); --h-1: clamp(2.93rem, calc(0.007962962962962962 * (100vw - 36rem) + 2.93rem), 3.79rem);}