html{

    --font-title: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-main: "Segoe UI", Arial, sans-serif;
    --font-size-small: calc(12px + 0.1vw + 0.1vh);
    --font-size-normal: calc(12px + 0.1vw + 0.1vh);
    --font-size-big: calc(12px + 0.1vw + 0.1vh);

    --color-background: #101012;
    --color-header: #1C1C21;

    --color-panel-dark: #15151A;
    --color-panel: #1C1C21;
    --color-panel-bright: #222229;
    --color-panel-overlay: #323239;

    --color-main-dark: #0d3124;
    --color-main-mid: #306342;
    --color-main-light: #8bcb93;
 
    --color-main-details-dark: #55976b;
    --color-main-details: #b8e7c4;
    --color-main-details-light: #e0ffe6;

    --color-main-panel: #9ac7ab86;

    --color-details-undertone: #8a8da2;
    --color-details-dark: #dcdceb;
    --color-details: #e0e0e9;
    --color-details-light: #ededf6;

    
    --color-main: #337b5d;
    --color-main-highlighted: #3f9877;
    --color-main-light-highlighted: #b9e0d3;

    --color-complementary: #8a2a4f;
    --color-complementary-highlighted: #ae2f5a;
    --color-complementary-light: #d289a8;
    --color-complementary-light-highlighted: #e3b7ca;

    --color-triadic: #43617e;
    --color-triadic-highlighted: #6184a8;
    --color-triadic-light: #abc3de;
    --color-triadic-light-highlighted: #c5dcf3;

    --color-error: #ce5c65;

    --border-radius-small: 2px;
    --border-radius-slim: 4px;
    --border-radius-base: 8px;
    --border-radius-big: 12px;
    --border-radius-wide: 16px;

    --dropdown-border-radius: 16px;

    color-scheme: dark;
    background-color: var(--color-background);
    font-family: var(--font-main);
}