/* СВЕТЛАЯ ТЕМА */
:root {
    --main-bg: #EAEAEA;
    
    --header-bg: #FFFFFF;
    --header-nav-and-icon: #787878;
    --header-active-nav-and-hover: #B84F01;

    --title-and-accent-color: #B84F01;
    --button-and-second-color: #ffffff;
    --other-and-color: #000000;
    --button-hover: #000000;
    --nav-and-three-color: #787878;
    --line-four-color: #b4b4b4;

    --studio-color: #0178F8;
    
    --standart-block: #FFFFFF;

    --svg-background-in-form: #FDAC70;
    --input-form: #D9D9D9;
    --input-border: #ccc;

    --cblock-hover: #6b3bc2;

    --osnovniye-ugrozi-block: #FFFFFF;

    --helloween-opacity: 0.21;
}


/* ТЕМНАЯ ТЕМА */
body.dark-theme {
    --main-bg: #141414;

    --header-bg: #222222;
    --header-nav-and-icon: #cccccc;
    --header-active-nav-and-hover: #FF8225;

    --title-and-accent-color: #FF8225;
    --button-and-second-color: #ffffff;
    --other-and-color: #ffffff;
    --button-hover: #000000;
    --nav-and-three-color: #cccccc;
    --line-four-color: #b4b4b4;

    --studio-color: #0178F8;
    
    --standart-block: #222222;

    --svg-background-in-form: #30241c;
    --input-form: #333333;
    --input-border: #444444;

    --cblock-hover: #6b3bc2;

    --osnovniye-ugrozi-block: #222222;

    --helloween-opacity: 0.11;
}