@media (prefers-color-scheme: dark) {
    /* Стили темной темы */
/*
   :root svg {

       --main-color01: #2b4656;
       --main-color02: #142935;
       --main-color03: #def;
       --main-color04: #e5edf1;
       --main-color-black: #111;
       --main-color-very-dark: #333333;
       --main-color-dark: #666;
       --main-color-medium-dark: #999;
       --main-color-dark-gray: #aaa;
       --main-color-gray: #cccccc;
       --main-color-light-gray: #eee;
       --main-color-very-light-gray: #f2f2f2;
       --main-color-white: #ffffff;
       --main-color-green: #3a3;
       --main-color-light-green: #6c6;
       --main-color-very-light-green: #ddffdd;
       --main-color-red: #c33;
       --main-color-red-light: #c66;
       --main-color-very-light-red: #fdd;
       --main-color-yellow: #ff3;
       --main-color-very-light-yellow: #ffd;
    }

    */

}

@media (prefers-color-scheme: light) {
    /* Стили светлой темы */
/*
    :root svg {
        --main-color01: #2b4656;
        --main-color02: #142935;
        --main-color03: #def;
        --main-color04: #e5edf1;
        --main-color-black: #111;
        --main-color-very-dark: #333333;
        --main-color-dark: #666;
        --main-color-medium-dark: #999;
        --main-color-dark-gray: #aaa;
        --main-color-gray: #cccccc;
        --main-color-light-gray: #eee;
        --main-color-very-light-gray: #f2f2f2;
        --main-color-white: #ffffff;
        --main-color-green: #3a3;
        --main-color-light-green: #6c6;
        --main-color-very-light-green: #ddffdd;
        --main-color-red: #c33;
        --main-color-red-light: #c66;
        --main-color-very-light-red: #fdd;
        --main-color-yellow: #ff3;
        --main-color-very-light-yellow: #ffd;
    }
    */
}



.fill-green, .green {
    fill: var(--main-color-green);
}

.fill-red, .red {
    fill: var(--main-color-red);
}

.fill-gray, .gray {
    fill: var(--main-color-gray);
}

.fill-dark-gray, .dark-gray {
    fill: var(--main-color-dark-gray);
}

.fill-dark, .dark {
    fill: var(--main-color-dark);
}

.fill-white, .white {
    fill: var(--main-color-white);
}

.fill-white-force {
    fill: var(--main-color-white-force);
}