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

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

	/* Font scale (technical) */
	--text-xs: 0.75rem;    /* 12px */
	--text-sm: 0.875rem;   /* 14px */
	--text-base: 1rem;     /* 16px */
	--text-lg: 1.125rem;   /* 18px */
	--text-xl: 1.25rem;    /* 20px */
	--text-2xl: 1.5rem;    /* 24px */
	--text-3xl: 1.875rem;  /* 30px */
	--text-4xl: 2.25rem;   /* 36px */
	--text-5xl: 3rem;      /* 48px */
	--text-6xl: 4rem;      /* 64px */

	/* Semantic mappings */
	--font-size-body: var(--text-base);
	--font-size-heading: var(--text-2xl);
	--font-size-caption: var(--text-xs);
	--font-size-label: var(--text-sm);

	--line-height-base: 1.6;

	/*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: #313d4c;
	--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: #7ad0ff;
	--blue-clr-hover: #7ad0ff;
	--blue-active: #7ad0ff;
	--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;

	/*Company sidebar*/
	--thin-sidebar-bg: #1f2a35;
	--thin-sidebar-txt: #fff;
	--thin-sidebar-badge-bg: #716c7b;
	--thin-sidebar-badge-txt: #d5d5d5;
	--thin-sidebar-theme-bg: #716c7b;
	--thin-sidebar-theme-btn:#1b1c21;
	--additional-company-label: #d5d5d5;
	--thin-sidebar-divider: #716c7b;
	--thin-sidebar-search-bg: #1f2a35;
	--thin-sidebar-opened-submenu-bg: #1b1c21;
	--sidebar-border: #2e3740;
	--sidebar-shadow: 1px 0 0 rgba(255, 255, 255, 0.05);
	--sidebar-submenu-open: #1c212d;
	--thin-sidebar-blue-hover: #7ad0ff;
	--thin-sidebar-arrow-hover: #7ad0ff;
	--sidebar-label: (222, 228, 234, 1);
	--sidebar-additional-account-label: #716c7b;

	/*House icon*/
	--house-bg: #aedbf2;
	--house-txt: rgba(22, 110, 232, 1);
	--house-bg-hover: #1f2a35;
	--house-badge-bg-hover: #aedbf2;
	--house-txt-hover: #aedbf2;	
}

@media (max-width: 1366px) {
  body.dark-mode {
    --text-base: 0.875rem;    /* 14px */
    --text-lg: 1rem;          /* 16px */
    --text-xl: 1.125rem;      /* 18px */
    --text-2xl: 1.25rem;      /* 20px */
    --text-3xl: 1.5rem;       /* 24px */
	--line-height-base: 1.5;
  }
}

@media (max-width: 768px) {
  body.dark-mode {
    --text-base: 0.875rem;    /* 14px */
    --text-lg: 0.9375rem;     /* 15px */
    --text-xl: 1rem;          /* 16px */
    --text-2xl: 1.125rem;     /* 18px */
	--line-height-base: 1.4;
  }
}