@font-face {
    font-family: 'Alegreya';
    src: url('../fonts/Alegreya-VariableFont_wght.ttf') format('truetype');
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
}

@font-face {
    font-family: 'Alegreya';
    src: url('../fonts/Alegreya-Italic-VariableFont_wght.ttf') format('truetype');
    font-style: italic;
    font-weight: 300 900;
    font-display: swap;
}

@font-face {
    font-family: 'EB Garamond';
    src: url('../fonts/EBGaramond-VariableFont_wght.ttf') format('truetype');
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
}

@font-face {
    font-family: 'EB Garamond';
    src: url('../fonts/EBGaramond-Italic-VariableFont_wght.ttf') format('truetype');
    font-style: italic;
    font-weight: 400 800;
    font-display: swap;
}

:root {
    --font-display: 'Alegreya';
    --font-body: 'Alegreya';
    --font-secondary: 'EB Garamond';
}

html,
body,
button,
input,
textarea,
select,
optgroup,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
label,
small,
strong,
span,
li,
dt,
dd,
th,
td {
    font-family: 'Alegreya', var(--font-secondary) !important;
}

.legal-page p,
.legal-page li,
.legal-page dd {
    font-family: var(--font-secondary) !important;
}