:root {
    --font-base: "Lato";
    --font-secondary: "Josefin Sans";
    --font-accent: "Lato";
    --text-font: "Lato";
    --h1-font: "Josefin Sans";
    --h2-font: "Josefin Sans";
    --h3-font: "Josefin Sans";
    --h4-font: "Josefin Sans";
    --h5-font: "Josefin Sans";
    --h6-font: "Josefin Sans";
    --accent-font: "Lato";
    --button-font: "Josefin Sans";
}
body {
    font-family: var(--text-font);
}
h1 {
    font-family: var(--h1-font);
}
h2 {
    font-family: var(--h2-font);
}
h3 {
    font-family: var(--h3-font);
}
h4 {
    font-family: var(--h4-font);
}
h5 {
    font-family: var(--h5-font);
}
h6 {
    font-family: var(--h6-font);
}
a.button,
a.bricks-button,
a.brxe-button,
button {
    font-family: var(--button-font);    
}