@font-face {
    font-family: 'Playfair Display';
    src: url('/fonts/playfair-display-v40-latin-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('/fonts/playfair-display-v40-latin-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('/fonts/playfair-display-v40-latin-800.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans 3';
    src: url('/fonts/source-sans-3-latin-400-normal.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans 3';
    src: url('/fonts/source-sans-3-latin-700-normal.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-heading: 'Playfair Display', Georgia, serif;
    --font-body: 'Source Sans 3', Arial, sans-serif;
}

body {
    font-family: var(--font-body);
}

h1,
h2,
h3,
h4,
.brand-name {
    font-family: var(--font-heading);
    font-weight: 700;
}

.hero h1 {
    font-weight: 800;
}

button,
.btn,
.nav,
input,
select,
textarea {
    font-family: var(--font-body);
}