:root {
    --main-background-color: rgb(17,21,24);

    --content-background-color: rgb(34, 37, 42);
    --time-picker-background02: rgba(34, 37, 42, 0.7);
    --time-picker-background01: var(--content-background-color);


    --alert-background-color: rgb(34, 37, 42);
    --alert-shaddow-color: rgb(128, 128, 128);
    --alert-backdrop-color: rgba(0, 0, 0, 0.8);

    --table-head-background-color: rgb(51, 51, 51);
    --table-second-line-color: rgba(255, 255, 255, 0.2);


    --main-icon-base-color: rgba(110, 120, 130, 0.3);
    --main-text-base-color: rgba(110, 120, 130, 1);
    --main-icon-active-color: rgba(185, 200, 215, 0.3);


    --accent-base-color: rgb(55, 170, 170);
    --accent-light-color: rgb(137, 184, 236);

    --main-color-01: var(--accent-base-color);
    --main-color-02: var(--accent-base-color);
    --main-color-03: var(--accent-base-color);
    --main-color-04: var(--accent-base-color);
    --main-color-05: var(--accent-base-color);
    --main-color-06: var(--accent-base-color);
    --main-color-07: var(--accent-base-color);
    --main-color-08: var(--accent-base-color);
    --main-color-09: var(--accent-base-color);
    --main-color-10: var(--accent-base-color);
    --badage-color: var(--accent-base-color);
    --badage-text-color: var(--main-text-color);

    --accent-00-color: rgb(255, 255, 255);
    --accent-01-color: rgb(133, 9, 51);
    --accent-02-color: rgb(229, 185, 61);
    --accent-03-color: rgb(44, 120, 115);
    --accent-04-color: rgb(0, 116, 247);
    

    --main-text-color: rgb(255, 255, 255);

    --main-input-color: rgb(17, 21, 24);
    --main-button-color: rgb(70, 80, 90);
    --main-button-highlight-color: var(--accent-base-color);
    --input-placeholder-color: rgb(110,120,130);

    --run-inactive-color: rgb(110, 120, 130);

    --no-image-graystyle: 75%;

    --svg-c1-opacity: 0.6;

    --pastel-color-01: rgb(46, 128, 160);
    --pastel-color-02: rgb(46, 160, 128);
    --pastel-color-03: rgb(160, 46, 128);
    --pastel-color-04: rgb(160, 128, 46);

    --dark-gray: rgb(30, 30, 30);
    --deep-ocean-blue: rgb(18, 51, 64);
    --dark-turquoise: rgb(38, 81, 98);
    --bright-blue: rgb(0, 99, 177);
    --royal-blue: rgb(0, 116, 247);
    --caribbean-blue: rgb(0, 153, 188);
    --seagrass-green: rgb(44, 120, 115);
    --deep-sea-aquamarine: rgb(45,120,116);
    --pine-green: rgb(18, 64, 51);
    --emerald-green: rgb(46, 160, 128);
    --turquoise-green: rgb(0, 178, 148);
    --purple: rgb(104, 57, 147);
    --magenta: rgb(160, 46, 128);
    --burgundy-red: rgb(133, 9, 51);
    --cherry-red: rgb(128, 0, 50);
    --orange: rgb(247, 99, 12);
    --golden-yellow: rgb(225, 140, 0);
    --sand-yellow: rgb(229, 185, 61);
    --steel-gray: rgb(105, 121, 133);
    --gray: rgb(109, 111, 112);
    --rose: rgb(238, 187, 204);
    --lavender-blue: rgb(107, 105, 214);
    --white: rgb(255, 255, 255);

    --approve-flag: var(--white);


    --custom-font-family: 'standard', sans-serif;
}



@media (prefers-color-scheme: light) {
    :root {
        --main-background-color: rgb(17,21,24);
    }
}




body.light {
    --main-background-color: rgb(17,21,24);
}