:root {
  --color-body: rgba(255, 255, 255, 1);
  --color-body-dark: rgba(29, 36, 50, 0.92);
  --color-heder-1: rgba(238, 238, 238, 1);
  --color-heder-1-dark: rgba(38, 46, 61, 1);
  --color-heder-2: rgba(230, 228, 222, 1);
  --color-heder-2-dark: rgba(94, 102, 118, 1);
  --color-heder-3: rgba(220, 220, 220, 1);
  --color-heder-3-dark: rgba(48, 58, 77, 1);
  --color-heder-4: rgba(56, 65, 83, 1);
  --color-heder-4-dark: rgba(56, 65, 83, 1);
  --color-heder-5: rgba(70, 79, 99, 1);
  --color-heder-5-dark: rgba(70, 79, 99, 1);
  --color-text-defaut: rgba(83, 74, 56, 1);
  --color-text-defaut-dark: rgba(255, 255, 255, 1);
  --color-text-defaut-hover: rgba(70, 80, 102, 1);
  --color-text-defaut-hover-dark: rgba(255, 255, 255, 0.7);
  --color-green: rgba(76, 175, 80, 1);
  --color-green-dark: rgba(76, 175, 80, 1);
  --color-green-hover: rgba(110, 194, 119, 1);
  --color-green-hover-dark: rgba(110, 194, 119, 1);
  --color-red: rgba(255, 0, 0, 1);
  --color-red-dark: rgba(255, 0, 0, 1);
  --ico_ptint_joomshopping: rgba(255, 0, 0, 1);
  --ico_ptint_joomshopping-dark: rgba(76, 175, 80, 1);
  --ico_cart_module_joomshopping: rgba(237, 237, 237, 1);
  --ico_cart_module_joomshopping-dark: rgba(255, 255, 255, 1);
  --color_fix_menu_fa-chevron-right: rgba(76, 175, 80, 1);
  --color_fix_menu_fa-chevron-right-dark: rgba(76, 175, 80, 1);
  --color_heder_menu_bg_drop_down: rgba(56, 65, 83, 1);
  --color_heder_menu_bg_drop_down-dark: rgba(56, 65, 83, 1);
  --carttop: rgba(68, 88, 97, 1);
  --carttop-dark: #ffffff;
  --btn-top-hover: rgba(223, 189, 159, 1);
  --btn-top-hover-dark: #ffffff;
}

.dark-theme body, body.dark-theme {
  --color-body: var(--color-body-dark, var(--color-body, inherit));
  --color-heder-1: var(--color-heder-1-dark, var(--color-heder-1, inherit));
  --color-heder-2: var(--color-heder-2-dark, var(--color-heder-2, inherit));
  --color-heder-3: var(--color-heder-3-dark, var(--color-heder-3, inherit));
  --color-heder-4: var(--color-heder-4-dark, var(--color-heder-4, inherit));
  --color-heder-5: var(--color-heder-5-dark, var(--color-heder-5, inherit));
  --color-text-defaut: var(--color-text-defaut-dark, var(--color-text-defaut, inherit));
  --color-text-defaut-hover: var(--color-text-defaut-hover-dark, var(--color-text-defaut-hover, inherit));
  --color-green: var(--color-green-dark, var(--color-green, inherit));
  --color-green-hover: var(--color-green-hover-dark, var(--color-green-hover, inherit));
  --color-red: var(--color-red-dark, var(--color-red, inherit));
  --ico_ptint_joomshopping: var(--ico_ptint_joomshopping-dark, var(--ico_ptint_joomshopping, inherit));
  --ico_cart_module_joomshopping: var(--ico_cart_module_joomshopping-dark, var(--ico_cart_module_joomshopping, inherit));
  --color_fix_menu_fa-chevron-right: var(--color_fix_menu_fa-chevron-right-dark, var(--color_fix_menu_fa-chevron-right, inherit));
  --color_heder_menu_bg_drop_down: var(--color_heder_menu_bg_drop_down-dark, var(--color_heder_menu_bg_drop_down, inherit));
  --carttop: var(--carttop-dark, var(--carttop, inherit));
  --btn-top-hover: var(--btn-top-hover-dark, var(--btn-top-hover, inherit));
}