:root {

    --primary: #f26834;
    --secondary: #6b6b6b;
    --white: #fff;
    --black: #242424;
    --lightGray: #f4f4f4;
    --lightOrange: rgb(242 104 52 / 15%);
    --paleBlue: #f0f3f9;
    --text-highlight: #b23100;

    --font-playfairDisplay: "Playfair Display";
    --font-karla: "Karla";

    /* --font64: 4rem; */
    --font64: max(3.5rem, min(5vw, 3.8rem));
    --font48: max(2.25rem, min(4vw, 3rem) );
    --font32: max(1.625rem, min(4vw, 2rem) );
    --font28: max(1.50rem, min(3vw, 1.75rem)); 
    --font24: max(1.3rem, min(2vw, 1.5rem));
    --font22: max(1.3rem, min(2vw, 1.375rem));
    --font20: max(1.12rem, min(2vw, 1.25rem));
    --font18: max(0.875rem, min(2vw, 1.125rem));
    --font17: 1.0625rem;
    --font16: 1rem;
    --font14: 0.875rem;
    --font11: .6875rem;
    --1vw: 1vw;

}