body.light {
	--color-text: #0F0F0F;
	--white-text: white;	
	--white: #FFFFFF;
	--button: #df005b;
	--border: #D9D9D9;
	--text-gray: #6c757d;
	--color-th: #fbfbfb;
	--color-label: #ffffffc2;
	--err_text: #df005b;
	--err_border: #df005b;
	--track-color: #0000004d;
	--thumb-color: #0000004d;
	--icon-color: black;
    --btn-color: #ffffffa6;
    --btn-hover: #e81c59cb;
    --input-color: #ffffff82;
    --span-color: #1c1c1c;	
    --col-label: #ffffffe0;
    --bord: #ffffff85;
    --col-th: #fbfbfb;
	--menu-active:#df005b30;
	--menu-sub-active: white;
	--blur:17px;
	--logo-img: url("/assets/img/spring-logo.svg") ;
	--preloader: #f7f7f7ec;	
	--plug: url("../img/content_404_light.webp");
	--modal-color: #ffffff8f;
	--tbl-td: #ada9a924;
	--profile-bg: rgba(255,255,255,0.69);
	--bg-change-theme: #8989898f;
	--profile-bg: rgba(255,255,255,0.69);
	--profile-btn-bg: 	#edebfe;
	--profile-btn-close: #ffffff6b;
	--button-discord: #5662f6;
	background: url("../img/backgrond.png");
    background-size: cover;
    background-attachment: fixed;
    background-position: 50%;

	
}

body.dark {
	--color-label: #0e1015db;
	--white-text: white;
	--color-text: white;
	--border: #020202;
	--white: #1a1c1f;
	--text-gray: #EBEBEB;
	--color-th: #161515;
	--button: #e81c5a;
	--err_text: #ed4245;
	--err_border: #ed4245;
	--track-color: #ffffff59;
	--thumb-color: #0000004d;
	--icon-color: white;
	--btn-color: rgba(255,255,255,0.06);
	--btn-hover: #e81c59cb;
	--input-color: rgba(255,255,255,0.05);
	--span-color: white;
	--col-label: #0e1015db;	
	--bord: rgba(255, 255, 255, 0.048);
	--col-th: #181a20;
	--blur:17px;
	--plug: url("../img/content_404_dark.webp");
	--logo-img: url("/assets/img/logo.svg") ;
	--preloader: #1a1c1f;	
	--modal-color: #15151985;
	--tbl-td: #00000024;
	--profile-bg: rgba(31,31,31,0.69);
	--bg-change-theme: #cbcbcb26;
	--profile-bg: rgba(31,31,31,0.69);
	--profile-btn-bg: #06060638;
	--profile-btn-close: #5b5b5b38;
	--menu-active:#df005b;
	--menu-sub-active: #e81c59cb;	
	--button-discord: #5662f6;
	background: url("../img/bgdark.png");
    background-size: cover;
    background-attachment: fixed;
    background-position: 50%;	
}

::selection {

	background: #000000; /* Safari */
	color: white
}


body.halloweenDark {
	--color-label: #808080;
	--white-text: white;
	--color-text: white;
	--border: #020202;
	--white: #1a1c1f;
	--text-gray: #EBEBEB;
	--color-th: #161515;
	--button: #e86e1c;
	--err_text: #ed4245;
	--err_border: #ed4245;
	--track-color: #ffffff59;
	--thumb-color: #0000004d;
	--icon-color: white;
	--menu-active:#e86e1c;
	--menu-sub-active: #ff8b3d;	
	--btn-color: rgba(255,255,255,0.06);
	--btn-hover: #e81c59cb;
	--input-color: rgba(255,255,255,0.05);
	--span-color: white;
	--col-label: #0e1015db;	
	--bord: rgba(255, 255, 255, 0.048);
	--col-th: #181a20;
	--blur:17px;
	--plug: url("../img/content_404_dark.webp");
	--logo-img: url("/assets/img/logo.svg") ;
	--modal-color: #15151985;
	--tbl-td: #00000024;
	--preloader: #1a1c1f;
	--bg-change-theme: #cbcbcb8f;
	--logo-img: url("/assets/img/logo.svg");
	--profile-bg: rgba(31,31,31,0.69);
	--bg-change-theme: #cbcbcb26;
	--profile-bg: rgba(31,31,31,0.69);
	--profile-btn-bg: #06060638;
	--profile-btn-close: #5b5b5b38;
	--menu-sub-active: #ff8b3d;	
	--button-discord: #5662f6;
	background: url("../img/bg-halloween.jpg");
	background-repeat: no-repeat;	
	background-size: cover;
	background-position: 50%;		
}

body.halloweenLight {
	--color-text: #0F0F0F;
	--white-text: white;	
	--white: #FFFFFF;
	--button: #e86e1c;
	--border: #D9D9D9;
	--text-gray: #6c757d;
	--color-th: #fbfbfb;
	--color-label: #808080;
	--err_text: #df005b;
	--err_border: #df005b;
	--track-color: #0000004d;
	--thumb-color: #0000004d;
	--icon-color: black;
    --btn-color: #ffffffa6;
    --btn-hover: #e81c59cb;
    --input-color: #ffffff82;
    --span-color: #1c1c1c;	
	--menu-active:#ffa65a;
	--menu-sub-active: #ffb179;		
    --col-label: #ffffffe0;
    --bord: #ffffff85;
    --col-th: #fbfbfb;
	--blur:17px;
	--logo-img: url("/assets/img/spring-logo.svg") ;
	--plug: url("../img/content_404_light.webp");
	--modal-color: #ffffff8f;
	--tbl-td: #ada9a924;
	--preloader: #f7f7f7ec;	
	--bg-change-theme: #0f0f0f8f;
	--logo-img: url("/assets/img/logo.svg");
	--profile-bg: rgba(255,255,255,0.69);
	--bg-change-theme: #8989898f;
	--profile-bg: rgba(255,255,255,0.69);
	--profile-btn-bg: 	#edebfe;
	--profile-btn-close: #ffffff6b;	
	--button-discord: #5662f6;
	background: url("../img/bg-halloween.jpg");
	background-repeat: no-repeat;	
	background-size: cover;
	background-position: 50%;		
}