:root {
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-olive: #646B2E;
    --color-deep-olive: #3B4630;
    --color-olive-gold: #DCC958;
    --color-beige: #FDF8F2;
    --color-winter-pine: #17421C;
    --color-dark: #06211A;
    --color-icon: #FFFFFF;

    --font-body: 'Inter Tight', Arial, sans-serif;
    --font-display: 'Aoora', Georgia, serif;

    --text-small: 400 14px/36px var(--font-body);
    --text-paragraph: 400 18px/36px var(--font-body);
    --text-medium: 400 24px/40px var(--font-body);
    --text-tagline: 400 32px/50px var(--font-body);
    --text-b-subtitle: 400 100px/100px var(--font-display);

    --container-width: 1440px;
    --container-padding: 125px;
    --section-gutter: min(80px, 6%);
}

@media (max-width: 1279px) {
    :root {
        --container-padding: 40px;
    }
}

@media (max-width: 767px) {
    :root {
        --container-padding: 20px;
    }
}