@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Jost:ital,wght@0,100..900;1,100..900&family=Lexend:wght@100..900&family=Stack+Sans+Text:wght@200..700&family=Teko:wght@300..700&display=swap");

@import url("css/button.css");
@import url("css/cards.css");
@import url("css/inputs.css");
@import url("css/layout.css");
@import url("css/list.css");
@import url("css/modal.css");
@import url("css/navbar.css");
@import url("css/table.css");
@import url("css/typography.css");

:root {
    --header-font: "Lexend", sans-serif;
    --body-font: "Teko", sans-serif;
    --primary-color: #06886f;
}

.primary {
    background-color: var(--primary-color);
}

footer.page-footer {
    /* background-color: var(--primary-color); */
    background-color: #252422;
}

footer.page-footer p,
footer.page-footer p a {
    color: white;
}

footer.page-footer > .footer-copyright {
    background-color: #212121;
}