:root {
  --color-body: rgba(255, 255, 255, 1);
  --color-body-dark: rgba(30, 36, 51, 1);
  --color-heder-1: rgba(230, 233, 242, 1);
  --color-heder-1-dark: rgba(38, 46, 61, 1);
  --color-heder-2: rgba(146, 160, 191, 1);
  --color-heder-2-dark: rgba(94, 102, 118, 1);
  --color-heder-3: rgba(168, 77, 77, 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(56, 65, 83, 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);
  --gennit_art_btn_1: #000000;
  --gennit_art_btn_1-dark: #ffffff;
  --gennit_art_btn_1_hover: #000000;
  --gennit_art_btn_1_hover-dark: #ffffff;
  --gennit_art_btn_2: #000000;
  --gennit_art_btn_2-dark: #ffffff;
  --gennit_art_btn_2_hover: #000000;
  --gennit_art_btn_2_hover-dark: #ffffff;
  --gennit_art_btn_login: rgba(255, 0, 0, 1);
  --gennit_art_btn_login-dark: rgba(76, 175, 80, 1);
  --gennit_art_btn_login_hover: rgba(255, 88, 82, 1);
  --gennit_art_btn_login_hover-dark: rgba(110, 194, 119, 1);
  --gennit_art_btn_login_text: rgba(255, 255, 255, 1);
  --gennit_art_btn_login_text-dark: #ffffff;
  --gennit_art_btn_login_text_hover: rgba(255, 242, 242, 1);
  --gennit_art_btn_login_text_hover-dark: #ffffff;
  --gennit_art_btn_cart: rgba(76, 175, 80, 1);
  --gennit_art_btn_cart-dark: rgba(56, 65, 83, 1);
  --gennit_art_btn_cart_hover: rgba(110, 194, 119, 1);
  --gennit_art_btn_cart_hover-dark: rgba(56, 65, 83, 1);
  --gennit_art_horizont_menu: rgba(56, 65, 83, 1);
  --gennit_art_horizont_menu-dark: rgba(76, 175, 80, 1);
  --gennit_art_horizont_menu_hover: rgba(125, 138, 173, 1);
  --gennit_art_horizont_menu_hover-dark: rgba(110, 194, 119, 1);
  --gennit_art_horizont_menu_drop_down: rgba(230, 233, 242, 1);
  --gennit_art_horizont_menu_drop_down-dark: rgba(56, 65, 83, 1);
  --gennit_art_horizont_menu_drop_down_a: rgba(56, 65, 83, 1);
  --gennit_art_horizont_menu_drop_down_a-dark: #ffffff;
  --gennit_art_horizont_menu_drop_down_a_hover: rgba(125, 138, 173, 1);
  --gennit_art_horizont_menu_drop_down_a_hover-dark: rgba(255, 255, 255, 0.57);
  --gennit_art_logo_color_1: rgba(56, 65, 83, 1);
  --gennit_art_logo_color_1-dark: #ffffff;
  --gennit_art_logo_color_2: rgba(255, 0, 0, 1);
  --gennit_art_logo_color_2-dark: rgba(255, 0, 0, 1);
  --gennit_art_logo_color_3: rgba(255, 255, 255, 1);
  --gennit_art_logo_color_3-dark: #ffffff;
  --gennit_art_bg_block_1: rgba(230, 233, 242, 1);
  --gennit_art_bg_block_1-dark: rgba(56, 65, 83, 1);
  --gennit_art_bg_block_2: #000000;
  --gennit_art_bg_block_2-dark: #ffffff;
  --gennit_art_price_bg: rgba(76, 175, 80, 1);
  --gennit_art_price_bg-dark: rgba(76, 175, 80, 1);
  --gennit_art_price_text: rgba(255, 255, 255, 1);
  --gennit_art_price_text-dark: rgba(255, 255, 255, 1);
  --gennit_art_price_currency: rgba(255, 255, 255, 0.5);
  --gennit_art_price_currency-dark: rgba(255, 255, 255, 0.5);
}

.dark-theme body, body.dark-theme, html.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));
  --gennit_art_btn_1: var(--gennit_art_btn_1-dark, var(--gennit_art_btn_1, inherit));
  --gennit_art_btn_1_hover: var(--gennit_art_btn_1_hover-dark, var(--gennit_art_btn_1_hover, inherit));
  --gennit_art_btn_2: var(--gennit_art_btn_2-dark, var(--gennit_art_btn_2, inherit));
  --gennit_art_btn_2_hover: var(--gennit_art_btn_2_hover-dark, var(--gennit_art_btn_2_hover, inherit));
  --gennit_art_btn_login: var(--gennit_art_btn_login-dark, var(--gennit_art_btn_login, inherit));
  --gennit_art_btn_login_hover: var(--gennit_art_btn_login_hover-dark, var(--gennit_art_btn_login_hover, inherit));
  --gennit_art_btn_login_text: var(--gennit_art_btn_login_text-dark, var(--gennit_art_btn_login_text, inherit));
  --gennit_art_btn_login_text_hover: var(--gennit_art_btn_login_text_hover-dark, var(--gennit_art_btn_login_text_hover, inherit));
  --gennit_art_btn_cart: var(--gennit_art_btn_cart-dark, var(--gennit_art_btn_cart, inherit));
  --gennit_art_btn_cart_hover: var(--gennit_art_btn_cart_hover-dark, var(--gennit_art_btn_cart_hover, inherit));
  --gennit_art_horizont_menu: var(--gennit_art_horizont_menu-dark, var(--gennit_art_horizont_menu, inherit));
  --gennit_art_horizont_menu_hover: var(--gennit_art_horizont_menu_hover-dark, var(--gennit_art_horizont_menu_hover, inherit));
  --gennit_art_horizont_menu_drop_down: var(--gennit_art_horizont_menu_drop_down-dark, var(--gennit_art_horizont_menu_drop_down, inherit));
  --gennit_art_horizont_menu_drop_down_a: var(--gennit_art_horizont_menu_drop_down_a-dark, var(--gennit_art_horizont_menu_drop_down_a, inherit));
  --gennit_art_horizont_menu_drop_down_a_hover: var(--gennit_art_horizont_menu_drop_down_a_hover-dark, var(--gennit_art_horizont_menu_drop_down_a_hover, inherit));
  --gennit_art_logo_color_1: var(--gennit_art_logo_color_1-dark, var(--gennit_art_logo_color_1, inherit));
  --gennit_art_logo_color_2: var(--gennit_art_logo_color_2-dark, var(--gennit_art_logo_color_2, inherit));
  --gennit_art_logo_color_3: var(--gennit_art_logo_color_3-dark, var(--gennit_art_logo_color_3, inherit));
  --gennit_art_bg_block_1: var(--gennit_art_bg_block_1-dark, var(--gennit_art_bg_block_1, inherit));
  --gennit_art_bg_block_2: var(--gennit_art_bg_block_2-dark, var(--gennit_art_bg_block_2, inherit));
  --gennit_art_price_bg: var(--gennit_art_price_bg-dark, var(--gennit_art_price_bg, inherit));
  --gennit_art_price_text: var(--gennit_art_price_text-dark, var(--gennit_art_price_text, inherit));
  --gennit_art_price_currency: var(--gennit_art_price_currency-dark, var(--gennit_art_price_currency, inherit));
}