@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
@import url('https://fonts.cdnfonts.com/css/satoshi');

/* Global font */
body, .js-plotly-plot .plotly {
    font-family: var(--font-global);
}

/* Titles */
.header-title{
    font-family: var(--font-title) !important;
    color: var(--on-background);
    font-weight: 600;
    font-size: 24px;
}
h1,
.mantine-Drawer-title {
    font-family: var(--font-title) !important;
    color: var(--on-background);
    font-weight: 600;
    font-size: 28px;
}
h2, h3 {
    font-size: 22px;
}
h4 {
    font-size: 18px;
    font-weight: normal;
}


/* Mantine modal title */
.mantine-Modal-title {
    font-family: var(--font-title) !important;
    color: var(--on-background);
    font-weight: 600;
    font-size: 20px;
}