@import url('../fonts/montserrat/stylesheet.css');
@import url('../fonts/fa/css/all.min.css');
:root {
	--safe-area-inset-top-redefined: max(env(safe-area-inset-top, 0px), 15px);
	--safe-area-inset-left-redefined: max(env(safe-area-inset-left, 0px), 0px);
	--safe-area-inset-right-redefined: max(env(safe-area-inset-right, 0px), 0px);
	--safe-area-inset-bottom-redefined: max(env(safe-area-inset-bottom, 0px), 15px);
	--always-white: #FFFFFF;
	--always-black: #080808;
	--text-color: #080808;
	--link-color: #0066cc;
	--border-color: #ddd;
	--bg-color: #e6e6e6;
	--bg-gradient-1-color: rgba(241, 242, 244, 0.2);
	--bg-gradient-2-color: rgba(233, 233, 233, 0.1);
	--main-black-color: #191b24;
	--main-white-color: #FFFFFF;
	--main-black-color-op: rgba(25, 27, 36, 0.60);
	--main-white-color-op: rgba(255, 255, 255, 0.8);
	--input-text-color: #4C4E58;
	--input-bg-color: #F7F7F7;
	--input-bg-color-2: #DBDBDB;
	--input-bg-color-3: #F0F0F0;
	--input-border-color: #eaeaea;
	--input-border-color-darker: #d5d5d5;
	--btn-bg-color: #191b24;
	--btn-text-color: #FFFFFF;
	--main-shadow-color: rgba(255, 255, 255, 0.60);
	--shadow-color: rgba(201, 201, 201, 0.2);
	--shadow-highlighting-color: rgba(37, 67, 197, 0.2);
	--shadow-input-color: rgba(76, 76, 76, 0.2);
	--error-color: rgba(255,0,2,0.60);
	--overlay-color: rgba(255, 255, 255, 0.80);
	--border-separator-color: #C3C3C3;
	--border-separator-color2: #CFCFCF; 
	--mainmenu-bg-color: #F4F4F4;
	--highlighting-color: #2543c5;
	--highlighting-color-02: rgba(37, 67, 197, 0.2);
	--device-svg-color: #191b24;
	--btn-light-bg-color: #d7d7d7;
	--gradient-1-color-1: rgba(255, 255, 255, 1);
	--gradient-1-color-2: rgba(255, 255, 255, 0.6);
	--main-menu-bg: rgba(242, 242, 242, 1);
}
@media (prefers-color-scheme: dark) {
	:root {
		--bg-color: rgba(17, 17, 17, 1.00);
		--bg-gradient-1-color: rgba(17, 17, 17, 1.00);
		--bg-gradient-2-color: rgba(30, 30, 30, 1.00);
		--main-black-color: #FFFFFF;
		--main-white-color: #353535;
		--main-black-color-op: #787878;
		--main-white-color-op: rgba(17, 17, 17, 0.30);
		--input-text-color: #B3B3B3;
		--input-bg-color: #2f2f2f;
		--input-bg-color-2: #252525;
		--input-bg-color-3: #3D3D3D;
		--input-border-color: #444;
		--input-border-color-darker: #1e1e1e;
		--btn-bg-color: #000000;
		--btn-text-color: #FFFFFF;
		--main-shadow-color: rgba(25, 25, 25, 0.50);
		--shadow-color: rgba(128, 128, 128, 0.20);
		--shadow-highlighting-color: rgba(37, 67, 197, 0.5);
		--shadow-input-color: rgba(128, 128, 128, 0.20);
		--error-color: rgba(255,0,2,0.60);
		--overlay-color: rgba(0, 0, 0, 0.80);
		--border-separator-color: #414141;
		--border-separator-color2: #333333;
		--mainmenu-bg-color: #141414;
		--highlighting-color: #2543c5;
		--highlighting-color-02: rgba(37, 67, 197, 0.2);
		--device-svg-color: #FFFFFF;
		--btn-light-bg-color: #353535;
		--gradient-1-color-1: rgba(0, 0, 0, 0.9);
		--gradient-1-color-2: rgba(0, 0, 0, 0.4);
		--main-menu-bg: rgba(33,33,33,1);
	}
}

.theme-light {
	--always-white: #FFFFFF;
	--text-color: #080808;
	--link-color: #0066cc;
	--border-color: #ddd;
	--bg-color: #e6e6e6;
	--bg-gradient-1-color: rgba(241, 242, 244, 0.2);
	--bg-gradient-2-color: rgba(233, 233, 233, 0.1);
	--main-black-color: #191b24;
	--main-white-color: #FFFFFF;
	--main-black-color-op: rgba(25, 27, 36, 0.60);
	--main-white-color-op: rgba(255, 255, 255, 0.8);
	--input-text-color: #4C4E58;
	--input-bg-color: #F7F7F7;
	--input-bg-color-2: #DBDBDB;
	--input-bg-color-3: #F0F0F0;
	--input-border-color: #eaeaea;
	--input-border-color-darker: #d5d5d5;
	--btn-bg-color: #191b24;
	--btn-text-color: #FFFFFF;
	--main-shadow-color: rgba(255, 255, 255, 0.60);
	--shadow-color: rgba(201, 201, 201, 0.2);
	--shadow-highlighting-color: rgba(37, 67, 197, 0.2);
	--shadow-input-color: rgba(76, 76, 76, 0.2);
	--error-color: rgba(255,0,2,0.60);
	--overlay-color: rgba(255, 255, 255, 0.80);
	--border-separator-color: #C3C3C3;
	--border-separator-color2: #CFCFCF; 
	--mainmenu-bg-color: #F4F4F4;
	--highlighting-color: #2543c5;
	--highlighting-color-02: rgba(37, 67, 197, 0.2);
	--device-svg-color: #191b24;
	--btn-light-bg-color: #d7d7d7;
	--gradient-1-color-1: rgba(255, 255, 255, 1);
	--gradient-1-color-2: rgba(255, 255, 255, 0.6);
	--main-menu-bg: rgba(242, 242, 242, 1);
}
.theme-dark {
	--bg-color: rgba(17, 17, 17, 1.00);
    --bg-gradient-1-color: rgba(17, 17, 17, 1.00);
    --bg-gradient-2-color: rgba(30, 30, 30, 1.00);
    --main-black-color: #FFFFFF;
    --main-white-color: #353535;
    --main-black-color-op: #787878;
    --main-white-color-op: rgba(17, 17, 17, 0.30);
    --input-text-color: #B3B3B3;
    --input-bg-color: #2f2f2f;
    --input-bg-color-2: #252525;
    --input-bg-color-3: #3D3D3D;
    --input-border-color: #444;
	--input-border-color-darker: #1e1e1e;
    --btn-bg-color: #000000;
    --btn-text-color: #FFFFFF;
    --main-shadow-color: rgba(25, 25, 25, 0.50);
    --shadow-color: rgba(128, 128, 128, 0.20);
    --shadow-highlighting-color: rgba(37, 67, 197, 0.5);
    --shadow-input-color: rgba(128, 128, 128, 0.20);
    --error-color: rgba(255,0,2,0.60);
    --overlay-color: rgba(0, 0, 0, 0.80);
    --border-separator-color: #414141;
    --border-separator-color2: #333333;
    --mainmenu-bg-color: #141414;
    --highlighting-color: #2543c5;
    --highlighting-color-02: rgba(37, 67, 197, 0.2);
    --device-svg-color: #FFFFFF;
    --btn-light-bg-color: #353535;
    --gradient-1-color-1: rgba(0, 0, 0, 0.9);
    --gradient-1-color-2: rgba(0, 0, 0, 0.4);
	--main-menu-bg: rgba(33,33,33,1);
}