:root {
    color-scheme: light;
    --font-family-primary: "Open Sans";
    --font-family-header: "Open Sans";
    --icon-font-family-win: 'icons8_win10';
    --background-color-header: light-dark(#fafafa,#100f11); 
    --background-color-header-hover: light-dark(#fff,#424243);
    --background-color-navigation: light-dark(#ebebeb,#303030);
    --background-color-sidebar: light-dark(#ffffff,#100f11);
    --background-color-content: light-dark(#f8f8f8,#222222); /* f7f7f7 */
    --border-color: light-dark(#dedede,#2f2f2f);
    --text-title-color: light-dark(#343a40,#f9f9f9);
    --text-title-hover-color: light-dark(#0156CB, #189bff); /* #0156CB */
    --text-subtitle-color: light-dark(#0156CB,#6ea9ea);
    --text-content-color: light-dark(#495057,#f9f9f9);
    --text-xxsmall-font-size: 10px;
    --text-xsmall-font-size: 11px;
    --text-small-font-size: 12px;
    --text-normal-font-size: 13px;
    --text-medium-font-size: 16px;
    --text-large-font-size: 19px;
    --text-xlarge-font-size: 20px;
}