:root {
    --accent: #F0936C;
    --accent-negative: #ff2c6d;
    --accent-positive: #989898;
    --trendline-logo-blue: #02497D;
    --trendline-logo-blue2: #7C8BB1;
    --trendline-logo-blue3: #DFE3EC;
    --trendline-logo-white: #FFFFFF;

    --background-page-dark: #131313;
    --background-content-dark: #252525;
    --card-background-color-dark: #353535;

    --background-page-light: #F5F5F5;
    --background-content-light: #FFFFFF;
    --card-background-color-light: #f8f8f8;

    --text-dark: rgb(245, 245, 245);
    --text-light: rgb(33, 33, 33);
    --filter-text: #aaa;

    --chart-color-1: #ABC5E2;
    --chart-color-2: #F0936C;
    --chart-color-3: #f58518;
    --chart-color-4: #72b7b2;
    --chart-color-5: #54a24b;
    --chart-color-6: #eeca3b;
    --chart-color-7: #b279a2;
    --chart-color-8: #ff9da6;
    --chart-color-9: #9d755d;
    --chart-color-10: #bab0ac;

    --font-size: 17px;
    --font-size-smaller-screen: 13px;
    --font-size-header: 30px;
    --report-font-size: 14px;

    --header-height: 70px;
    --header-margin: 0px 0px 15px 0px;
    --card-margin: 15px;
    --card-padding: 5px;
    --card-border-radius: 4px;
    --logo-leftside-empty-space: 5px;

    --card-border-color: rgb(255, 255, 255);
    --card-header-border-color: rgb(106, 106, 106);

    --card-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24);
    --header-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24);

    --eventlog-sort-arrow-color: #4B6E94;
    --eventlog-filter-background: #2D2D2D;

    --table-header-bg: #ABC5E2;
    --table-header-color: #2c3e50;

    --transition-speed: 0.2s;
}

[data-mantine-color-scheme="dark"] {
    --mantine-color-body: var(--background-page-dark);
    --mantine-color-text: var(--text-dark);
}

[data-mantine-color-scheme="light"] {
    --mantine-color-body: var(--background-page-light);
    --mantine-color-text: var(--text-light);
}

* {
    font-family: 'Oswald', sans-serif;
}

body {
    font-size: var(--font-size);
}

@media (max-width: 1300px) {
    body {
        font-size: var(--font-size-smaller-screen);
    }
}

h5 {
    text-align: center;
    line-height: 1em;
    margin: 0.1em;
    padding: 0.5em;
}

h6 {
    line-height: 1em;
    margin: 0.1em;
    padding: 0.5em;
}

.title {
    font-size: 1.3em;
}

li {
    line-height: 1.1em;
    margin: 0.1em;
    padding: 0.1em;
}

ul {
    list-style-position: outside;
    list-style-type: square;
}

a {
    text-decoration: none;
}

.disabled {
    opacity: 0.4;
    pointer-events: none;
}