@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&family=Sora:wght@600;700&display=swap');

:root {
    --body-background-color: #152F37;
    --body-text-color: white;
    --card-background-color: #52A79B;
    --nav-background-color: #152F37;
    --nav-border-bottom-color: #F3F0EC;
    --nav-current-border-bottom-color: #1abc9c;
    --card-border-color: #F3F0EC;
    --down-border-left-color: #eb3b5a;
    --down-background-color: #6b1020;
    --degraded-border-left-color: #f7b731;
    --up-border-left-color: #20bf6b;
    --tag-color: #002b29;
    --tag-up-background-color: #20bf6b;
    --tag-down-background-color: #eb3b5a;
    --tag-degraded-background-color: #f7b731;
    --change-background-color: #f7b731;
    --error-button-border-color: #1a46ad;
    --error-button-background-color: #3867d6;
    --error-button-color: #ffffff;
    --submit-button-border-color: #1a46ad;
    --submit-button-background-color: #3867d6;
    --submit-button-color: #ffffff;
    --graph-opacity: 1;
    --graph-filter: none;
}

body {
    font-family: 'Montserrat', Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Sora', 'Montserrat', Arial, sans-serif;
}