@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Playfair+Display:wght@700&display=swap');

:root {
    --brand-green: #1B4D3E;
    --brand-clay: #C87533;
    --brand-cream: #FAF7F2;
    --brand-text: #2C2C2C;
}

body {
    font-family: 'Lato', sans-serif;
    color: var(--brand-text);
    background-color: var(--brand-cream);
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
    color: var(--brand-green);
}

.bg-brand-green {
    background-color: var(--brand-green);
}

.bg-brand-clay {
    background-color: var(--brand-clay);
}

.text-brand-green {
    color: var(--brand-green);
}

.text-brand-clay {
    color: var(--brand-clay);
}

.text-brand-black {
    color: var(--brand-text);
}