:root{
    /* COLORS */
    --clr-primary: #214D2D;
    --clr-primary-80: #38804B;
    --clr-primary-50: #3AAFE4;
    --clr-secondary: #2A7EA5;
    --clr-secondary-50: #3AAFE4;
    --clr-dark: #222;
    --clr-tertiary: #000000;
    --clr-neutral-100: #f9f9f9;

    /* FONTS */
    --font-primary: 'Poppins', sans-serif;
    --font-secondary: 'Poppins', sans-serif;

    /* FONT SIZES */
    --heading-1: clamp(3rem, 2.78vi + 1.44rem, 5rem);
    --heading-2: clamp(2.5rem, 1.39vi + 1.72rem, 3.5rem);
    --heading-3: clamp(2rem, 1.39vi + 1.22rem, 5rem);
    --heading-4: clamp(2rem, 0.69vi + 1.61rem, 2.5rem);
    --heading-5: clamp(1.6rem, 0.28vi + 1.44rem, 1.8rem);
    --paragraph: clamp(1.6rem, 0.28vi + 1.44rem, 1.8rem);

    /* FONT SIZES - static (legacy scale, pre-dates the fluid heading/paragraph clamps above) */
    --font-size-p: 1.8rem;
    --font-size-h1: 5.5rem;
    --font-size-h2: 3.5rem;
    --font-size-h3: 3rem;
    --font-size-h4: 2.5rem;
    --font-size-h5: 1.7rem;
}
@media (width > 768px){
    :root{

    }
}

@media (width > 999px){
    :root{

    }
}