:root {
    --font-family: 'Figtree', 'Source Sans Pro', sans-serif!important;
    --rahmen: #eceff2;

}
html[data-theme='light'] {
    --rahmen: #eceff2;
    --inactive: #f97a7a47;
    --invert: invert(0);
    --mysyde: #244858;
    --mysyde-dark: #244858;
    --mysyde-accent: #16629b;
    --toggle-fc-color: #fff;
    --fc-color-dark-always: #161616;
    --fc-color-white-always: #fff;
    --toggle-fc-color-dark: #161616;
    --toggle-bg-color: #fff;
    --toggle-bg-color-light: #fff;
    --toggle-bg-color-2: #f5f7fb;
    --fc-light: #A7B5BC;
    --brightness: unset;
    --fc-light-header: #161616;
}

html[data-theme='dark'] {
    --rahmen: #2e4256;
    --invert: invert(1);
    --inactive: #492828;
    --mysyde: #244858;
    --mysyde-dark: #0c222b;
    --mysyde-accent: #16629b;
    --brightness: brightness(10);
    --toggle-fc-color: #fff;
    --fc-color-dark-always: #161616;
    --fc-color-white-always: #fff;
    --toggle-fc-color-dark: #ffffff;
    --toggle-bg-color: #0c222b;
    --toggle-bg-color-light: #12323f;
    --toggle-bg-color-2: #0c222b;
    --fc-light: #ffffff;
    --fc-light-header: #ffffff;
}

html[data-theme='random'] {
    --rahmen: #cc4713;
    --invert: invert(1);
    --inactive: #492828;
    --mysyde: #4c2458;
    --mysyde-dark: #1d0c2b;
    --mysyde-accent: #6a169b;
    --brightness: brightness(10);
    --toggle-fc-color: rgb(255, 255, 255);
    --fc-color-dark-always: #b84040;
    --fc-color-white-always: #fff;
    --toggle-fc-color-dark: #ffffff;
    --toggle-bg-color: #2d92b9;
    --toggle-bg-color-light: #56d819;
    --toggle-bg-color-2: #0c222b;
    --fc-light: #ffffff;
    --fc-light-header: #ffffff;
}


body {
    color: var(--toggle-fc-color-dark)!important;
    font-family: var(--font-family);
}