body.dark-mode {
	/*Text*/
	--main-txt-clr: rgba(222, 228, 234, 1);
	--link-main-clr: rgba(0, 98, 224, 1);
	--link-sec-clr: #64676A;
	--text-light: #edf4f3;
	
	--text-white: #000;
	--text-grey: #64676A;
	--text-blue: rgba(22, 110, 232, 1);
	--text-red: #FF444C;
	--text-green: #0D653D;

	--label-main-clr: rgba(222, 228, 234, 1);
	--field-label-clr: rgba(222, 228, 234, 1);

	/*Border*/
	--border-light-grey: rgba(225, 230, 239, 1);
	--border-radius: 4px;
	--border-main-clr: rgba(225, 230, 239, 0.2);
	--border-sec-clr: #38393b;
	--border-light-clr: rgba(79, 79, 79, 0.2);
	--system-clr-border-min: #25272B;


	--shadow: rgba(0, 0, 0, 0.5);

	/*Background*/
	--body: #161a1d;
	--header-bg: #2e2a37;
	--table-head-bg: rgba(28, 32, 35, 1);
	--table-row-hover: rgba(36, 40, 43, 1);
	--overlay-bg: rgba(255, 255, 255, 0.2);
	--textarea-bg: rgba(31, 32, 38, 1);
	--system-clr-bg-default: #1b1c21;

	--modal-background-color: #1b1c21;

	--prefilled-bg: #1C2430;
	--selection-bg: rgba(100, 150, 250, 0.4); 
	--location-dropdown-bg: #1c222e;

	/*Modal backdrop*/
	--overlay-bg-opacity: 0.5; 
    --overlay-blur: 4px;

	/*Loader*/
	--loader-clr: #38393b;
	--loader-accent-clr: #ABAEFF;

	/*Color*/
	--blue-clr: rgba(22, 110, 232, 1);
	--red-clr: rgba(224, 89, 62, 1);
	--light-yellow-clr: rgb(255, 227, 174);
	--yellow-clr: rgb(247, 209, 139);
	--dark-yellow-clr: rgb(249, 213, 122);
	--white: #000000;
	--black: #FFFFFF;
	--blue: #ABEEFF;
	--green: #ABFFC8;
	--yellow: #FFF7AB;
	--red: #FFABAB;
	--purple: #ABAEFF;

	/*Btn*/
	--btn-purple: #9f70fd;
	--btn-card-clr: rgba(31, 32, 38, 1);
	--btn-hover: rgb(40, 41, 49);
	--disabled: rgba(28, 32, 35, 1);
	--btn-secondary-dark: #61616f;
	--btn-secondary-dark-txt: #fff;

	--btn-secondary-dark-hover: #3d3d46;

	/*Menu buttons*/
	--menu-btn-hover: #1f2b42;

	--system-clr-light-active: #1f2b42;
	--system-clr-light-hover: rgba(31, 43, 66, 0.4);


	/*Card*/
	--card-overlay-gradient-start: rgba(28, 32, 35, 1);
	--card-overlay-gradient-end: rgba(28, 32, 35, 1);

	/*Icon*/
	--icon-overlay-gradient: none;
	--icon-main-clr: rgba(222, 228, 234, 1);
	--quicklink-bg: rgba(28, 32, 35, 1);

	/*Datepicker*/
	--selected-dates: rgba(225, 230, 239, 0.2);
	--datepicker-badge-bg: rgba(225, 230, 239, 0.2);
	--datepicker-badge-txt: #fff;
	--datepicker-badge-txt-hover: #1D2433CC;

	/*Gradient*/
	--gradient-bg: linear-gradient(to right, #030e18 0%, #1d2133 50%, #2a1e2e 100%);

	/*Tnak you modal gradient*/
	--modal-gradient-start: #055752;
    --modal-gradient-end: #0a2048;
	--checkmark-stroke: #36a9e1; 

	/*Thank you svg*/
    --svg-fill-color: white;

	/*BO menu*/
	--border-menu-main-clr: rgba(83, 83, 85, 0.2);
	--border-sec-clr: rgba(225, 230, 239, 0.2);
	--border-main-clr: rgba(225, 230, 239, 0.2);
	--border-sec-clr: #38393b;
	--border-light-clr: rgba(79, 79, 79, 0.2);
		
	/*Btn*/
	--btn-card-clr: rgba(31, 32, 38, 1);
	--btn-hover: rgb(40, 41, 49);
	--btn-hover: #1F2B42;
	--disabled: rgba(28, 32, 35, 1);
	
	--nav-logo: rgba(222, 228, 234, 1);
	--back-btn-hover: rgba(222, 228, 234, 1);

	

	--tooltip-bg: #1f2b42;

	--theme-toggle-bg: #1f2b42;
	--theme-toggle-i: #fff;
	
}