/*darkmode color variables*/
html, html[data-theme="light"] {
--color-main-bg: #19232D;
--color-text-success: #006D31;
--color-bg-success: #F6FFF2;
--color-white-register: #fff;
--color-light-gray: #fff;
--color-button-main: #19232D;
--color-button-white: #F1F3F3;
--color-primary-blue: #2F628C;
--color-swiper: #fff;
--color-body: #fff;
--linier-fade: linear-gradient(to bottom, rgba(255,255,255, 50%), #fff);
--color-search-fixed-swiper: #fff;
--color-light-gray-2: #edeee9;
--color-footer-gray: #a6a6a6;
--color-dark-gray: #1a1c19;
--color-contact-gray: #bdbdbd;
--color-bg: #F6F3F3;
--color-hr: #E9E9E9;
--color-search-spec: #fff;
--color-light-dark: #fff;
--color-footer: #fff;
--color-footer-2: #e9e9e9;
--color-hr-2: #e9e9e9;
--color-dark-gray-2: #515151;
--color-light-gray-3: #D3D3D3;
--color-dark-gray-3: #454E4E;
--color-body-bg: #f5f7f6;
--color-bg-2: #f4f4f4;
--color-medium-gray: #a6a6a6;
--color-gray: #7a7a7a;
--color-device-white: #fff;
--color-active-dark: #191919;
--color-dark-gray-4: #7d7d7d;
--color-inactive-gray: #919191;
--color-extra-light-gray: #D8D8D8;
--color-light-gray-4: rgba(196,196,196, .4);
--color-dark-gray-5: #727272;
--color-inactive-white: #919191;
--color-light-gray-5: #BFBFCB;
--color-light-gray-6: #a1a1a1;
--color-light-blue: #f2f5fa;
--color-light-gray-7: #b7b6b6;
--color-light-gray-8: #f3f3f3;
--color-dark-gray-6: #707070;
--color-extra-light-gray-2: #D9D9D9;
--color-extra-light-gray-2-5: rgb(196, 196, 196);
--color-medium-dark-gray: #636161;
--color-dark-blue: #263238;
--color-light-gray-9: #dadada;
--color-medium-gray-2: #b8b8b8;
--color-extra-light-gray-3: #eee;
--color-active-dark-2: #191919;
--color-dark-2-5: #212121;
--color-light-2-5: #909090;
--color-white: #fff;
--color-blue-2-5: #687a94;
--color-white-black: #fff;
--color-dark-blue-2: #e4e2e2;
--color-body-bg-2: #f1f1f1;
--color-general-light: #f2f2f2;
--color-general-dark: #636161;
--color-general-light-2: #e6e9edde;
--color-light-gray-10: #f7f7f7;
--color-dark-gray-7: #343a40;
--color-loader: rgba(240, 240, 240, .8);
--color-extra-light-gray-4: #fcfcfc;
--color-extra-light-gray-5: #fcfcfc;
--color-general-dark-5: #636161;
--color-extra-light-gray-5-2: #f2f2f2;
--color-general-dark-6: #242C31;
--color-dark-blue-4: #364d71;
--color-light-medium-gray: #fef6f3;
--color-light-bg: #fafafa;
--color-light-bg-2: #fafafa;
--color-header-shadow: rgba(4, 33, 77, 0.08);
--color-read-heart: rgba(255, 255, 255, 0);
--color-read-heart-opacity: rgba(255, 255, 255, 0.8);
--color-bg-color: #f8f8f9 !important;
--color-bg-img: #f8f8f9 !important;
--color-medium-gray-2-5: #c4c4c4;
--color-light-bg-3: #f9f9f9;
--color-light-gray-12: #e9e9e9;
--color-medium-dark-gray-3: #4d4d4d;
--color-medium-gray-3: #474747;
--color-extra-light-gray-6: #e5e5e5;
--color-light-gray-8-1: #cecece;
--color-medium-gray-4: #bcbcbc;
--color-light-medium-gray-2: #e2e3de;
--color-dark-gray-8-1: #212121;
--color-medium-dark-gray-4: #bdbdbd;
--color-medium-gray-6: #646464;
--color-medium-gray-7: #b9c1c1;
--color-dark-medium-gray: #D9DBD5;
--color-dark-gray-9: #414941;
--color-white-search: #f4f4f4;
--color-white-search-fixed: #f4f4f4;
--color-light-gray-12-hr: #e9e9e9;
--color-dark-gray-10: #111411;
--color-progress-bg: #f2f2f2;
--color-dark-blue-5: #000;
--color-medium-gray-5: #e2e3de;
--color-white-vote: #fff;
--color-medium-gray-5-1: #f8f8f8;
--color-footer-3: #212121;
--color-error: #be6063;
--color-medium-gray-5-2: #f4f4f4;
--color-light-bg-4: #f5e6e6;
--color-active: #e72a54;
--color-sub-white: #fff;
--color-dark-blue-6: #27313C;
--color-footer-text: #f2f2f2;
--color-footer-text-gray: #a6a6a6;
--color-header-text: #f2f2f2;
--color-footer-input: #27313b;
--color-customer-setting-active: #eae7e8;
--color-linear-active-sub: linear-gradient(350deg, #666666, #E72A54);
--color-stop-1: #666666;
--color-stop-2: #E72A54;
--color-bg-base-100: #ffffff;
--color-bg-base-200: #f8f8f8;
--color-bg-base-300: #eeeeee;
--color-bg-base-content: #18181b;
--color-bg-base-custom: #19232D;
--color-white-pure: #fff;
}
html[data-theme="dark"] {
--color-main-bg: #19232D;
--color-text-success: #9CA7B4;
--color-bg-success: #111b25;
--color-white-register: #000;
--color-light-gray: #131314;
--color-button-main: #B4BFCC;
--color-button-white: #1B1B1C;
--color-primary-blue: #BDC7D5;
--color-swiper: #39393A;
--color-body: #05080C;
--linier-fade: linear-gradient(to bottom, rgba(17,20,17, 50%), #111411);
--color-search-fixed-swiper: #373a36;
--color-light-gray-2: #2E312E;
--color-footer-gray: #a6a6a6;
--color-dark-gray: #e4e2e2;
--color-contact-gray: #8B9389;
--color-bg: #111B25;
--color-hr: #474747;
--color-search-spec: #1A1C19;
--color-light-dark: #1e201d;
--color-footer: #1a1c19;
--color-footer-2: #1a1c19;
--color-hr-2: #474747;
--color-dark-gray-2: #e4e2e2;
--color-light-gray-3: #e4e2e2;
--color-dark-gray-3: #bcbcbc;
--color-body-bg: rgba(237, 240, 239, 0.04);
--color-bg-2: #EDF0EF0A;
--color-gray: #e4e2e2;
--color-medium-gray: #fff;
--color-device-white: #202022;
--color-active-dark: #fff;
--color-dark-gray-4: #fff;
--color-inactive-gray: #DADADA;
--color-extra-light-gray: #fff;
--color-light-gray-4: #000;
--color-dark-gray-5: #fff;
--color-inactive-white: #fff;
--color-light-gray-5: #fff;
--color-light-gray-6: #fff;
--color-light-blue: #000;
--color-light-gray-7: #fff;
--color-light-gray-8: #202022;
--color-dark-gray-6: #707070;
--color-extra-light-gray-2: #fff;
--color-extra-light-gray-2-5: rgb(255,255,255);
--color-medium-dark-gray: #e4e2e2;
--color-dark-blue: #fff;
--color-light-gray-9: #fff;
--color-medium-gray-2: #b8b8b8;
--color-extra-light-gray-3: #474747;
--color-active-dark-2: #e4e2e2;
--color-dark-2-5: #e4e2e2;
--color-light-2-5: #e4e2e2;
--color-white: #27313C;
--color-blue-2-5: #cdd3db;
--color-white-black: #000;
--color-dark-blue-2: #e4e2e2;
--color-body-bg-2: #202022;
--color-general-dark: #687a94;
--color-general-light-2: rgba(32,32,32, 0.8);
--color-light-gray-10: #687a94;
--color-dark-gray-7: #fff;
--color-loader: rgba(40, 40, 40, .8);
--color-extra-light-gray-4: #000;
--color-extra-light-gray-5: #181818;
--color-general-dark-5: #f1f1f1;
--color-extra-light-gray-5-2: #202022;
--color-light-medium-gray: #202022;
--color-dark-blue-4: #687a94;
--color-general-dark-6: #f1f1f1;
--color-general-light: #202022;
--color-light-bg: #000;
--color-light-bg-2: #181818;
--color-header-shadow: rgba(253, 253, 253, 0.08);
--color-read-heart: rgba(104, 122, 148, 0);
--color-read-heart-opacity: rgba(104, 122, 148, 0.8);
--color-bg-color: #181818 !important;
--color-bg-img: none !important;
--color-medium-gray-2-5: #202022;
--color-light-bg-3: #202022;
--color-light-gray-12: #e4e2e2;
--color-medium-dark-gray-3: #e4e2e2;
--color-medium-gray-3: #8F918D;
--color-extra-light-gray-6: #fff;
--color-light-gray-8-1: #8B9389;
--color-medium-gray-4: #fff;
--color-light-medium-gray-2: #fff;
--color-dark-gray-8-1: #e4e2e2;
--color-medium-dark-gray-4: #282B27;
--color-medium-gray-6: #fff;
--color-medium-gray-7: #e4e2e2;
--color-dark-medium-gray: #373A36;
--color-dark-gray-9: #e4e2e2;
--color-white-search: #111b25;
--color-white-search-fixed: #343434;
--color-light-gray-12-hr: transparent;
--color-dark-gray-10: #e4e2e2;
--color-progress-bg: #373A36;
--color-dark-blue-5: #e4e2e2;
--color-medium-gray-5: #333532;
--color-white-vote: #373A36;
--color-medium-gray-5-1: #1A1C19;
--color-footer-3: #a6a6a6;
--color-error: #FFB4AB;
--color-medium-gray-5-2: #282B27;
--color-light-bg-4: #1A1C19;
--color-active: #e72a54;
--color-sub-white: #003916;
--color-dark-blue-6: #BDC7D5;
--color-footer-text: #f2f2f2;
--color-footer-text-gray: #a6a6a6;
--color-header-text: #f2f2f2;
--color-footer-input: #27313b;
--color-customer-setting-active: #2a2a2b;
--color-linear-active-sub: linear-gradient(350deg, #666666, #E72A54);
--color-bg-base-100: #1d232a;
--color-bg-base-200: #191e24;
--color-bg-base-300: #15191e;
--color-bg-base-content: #f8f8f3;
--color-bg-base-custom: #19232D;
--color-white-pure: #fff;
}