.light {
	--background-color: #fff;
	--dim-bg-color: #fdfdfd;
	--background-color-transparent: rgba(255, 255, 255, 0);
	--text-color: #000;

	--f1-blue: #248bff;
	--hl-color: #248bff;
	--hl-text-color: #1a7ede;
	--hl-shadow-color: rgb(56 163 250 / 53%);
	--dim-3-color: #333;
	--dim-6-color: #666;
	--dim-9-color: #999;
	--dim-c-color: #ccc;
	--dim-d-color: #ddd;
	--dim-e-color: #eee;
	--dim-f5-color: #f5f5f5;
	--dim-fa-color: #fafafa;
	--red-color: #f61515;
	--blue-color: #248bff;
	--green-color: #129645;
	--blue-url-color: #002f71;

	--top-menu-bg-color: #fff;
	--top-menu-hover-bg-color: #f5f5f5;

	--submenu-bg-color: #fff;
	--submenu-text-color: #333;
	--submenu-open-text-color: #000000;

	--mobile-menu-bg-color: #fff;
	--mobile-menu-text-color: #000;
	--mobile-menu-sep-color: #eee;

	/* Desktop mega-menu panel (.category-content). */
	--menu-panel-bg-color: #fff;
	--menu-panel-border-color: #e5e5e5;
	--menu-tab-bg-color: #f0f0f0;
	--menu-tab-border-color: transparent;
	--menu-panel-text-color: #444;
	--menu-panel-top-color: #074bab;
	--menu-panel-hover-bg-color: #f5f5f5;
	--menu-panel-dim-color: #666;
	--menu-panel-h-color: #333;
	--menu-panel-shadow: 0 10px 30px rgba(0,0,0,.15);
	/* Brand PNGs are white logos; inverted to show on the light panel. */
	--menu-brand-logo-filter: invert(1);

	--search-bar-bg-color: #fefefe;
	--search-bar-border-color: #fefefe;

	--footer-bg-color: #222;

	--brand-name-color: #666;
	--product-name-color: #000;
	--product-pack-color: #666;
	--product-options-color: #954c6f;

	--price-regular-color: #666;
	--price-sale-color: #129645;
	--price-euro-color: #129645;
	--price-euro-sep-color: #aaa;
	--price-timer-color: #ff7a00;

	--breadcrumb-color: #666;
	--breadcrumb-a-color: #333;
	--breadcrumb-a-hover-color: #306bbd;
	--breadcrumb-i-color: #888;

	--category-filter-hover-bg-color: #f3f3f3;
	--last-visited-products-bg-color: #ecf0f4;
	--last-visited-products-border-color: #dde2e9;
	--stores-map-fill-color: #f5f5f5;
	--stores-map-stroke-color: #dddddd;
	--horizontal-products-h-color: #333;
	--horizontal-products-a-color: #315b98;
	--horizontal-products-a-hover-color: #1a7ede;

	--basic-box-border-color: #e5e5e5;
	--basic-box-shadow: 0 1px 2px rgba(0,0,0,0.04), 0 5px 25px rgba(0,0,0,0.06);

	--btn-blue-bg: #248bff;
	--btn-blue-bg-hover: #0078eb;
	--btn-blue-bg-active: #0d62d8;
	--btn-blue-bg-disabled: #b6c2d0;
	--btn-blue-text: #fff;

	--btn-gray-bg: #f0f0f0;
	--btn-gray-bg-hover: #e0e0e0;
	--btn-gray-bg-active: #d0d0d0;
	--btn-gray-bg-disabled: #d1d1d1;
	--btn-gray-text: #000;

	--btn-green-bg: #129645;
	--btn-green-bg-hover: #0e6f34;
	--btn-green-bg-active: #0a4d24;
	--btn-green-bg-disabled: #8fc9a0;
	--btn-green-text: #fff;
}

.dark {
	--background-color: #000;
	--dim-bg-color: #000;
	--background-color-transparent: rgba(0, 0, 0, 0);
	--text-color: #fff;

	--f1-blue: #248bff;
	--hl-color: #38a3f8;
	--hl-text-color: #1a7ede;
	--dim-3-color: #ccc;
	--dim-6-color: #aaa;
	--dim-9-color: #888;
	--dim-c-color: #444;
	--dim-d-color: #444;
	--dim-e-color: #333;
	--dim-f5-color: #222;
	--dim-fa-color: #111;
	--red-color: #f61515;
	--blue-color: #248bff;
	--green-color: #129645;
	--blue-url-color: #4ea1ff;

	--top-menu-bg-color: #101016;
	--top-menu-hover-bg-color: #24242f;

	--submenu-bg-color: #000;
	--submenu-text-color: #fff;
	--submenu-open-text-color: #fff;

	--mobile-menu-bg-color: #16161e;
	--mobile-menu-text-color: #fff;
	--mobile-menu-sep-color: #2a2a36;

	/* Desktop mega-menu panel (.category-content) — matches the mobile menu. */
	--menu-panel-bg-color: #16161e;
	--menu-panel-border-color: transparent;
	--menu-tab-bg-color: #16161e;
	--menu-tab-border-color: transparent;
	--menu-panel-text-color: #ccc;
	--menu-panel-top-color: #fff;
	--menu-panel-hover-bg-color: #24242f;
	--menu-panel-dim-color: #999;
	--menu-panel-h-color: #f0f0f0;
	--menu-panel-shadow: 0 24px 48px rgba(0,0,0,.75);
	/* Panel is dark, so the white source logos need no inversion. */
	--menu-brand-logo-filter: none;

	--search-bar-bg-color: #000;
	--search-bar-border-color: #ffcc26;

	--footer-bg-color: #000;
	
	--brand-name-color: #ccc;
	--product-name-color: #fff;
	--product-pack-color: #ccc;
	--product-options-color: #954c6f;

	--price-regular-color: #aaa;
	--price-sale-color: #ffcc26;
	--price-euro-color: #ffcc26;
	--price-euro-sep-color: #888;
	--price-timer-color: #ffcc26;

	--breadcrumb-color: #aaa;
	--breadcrumb-a-color: #fff;
	--breadcrumb-a-hover-color: #ffcc26;
	--breadcrumb-i-color: #ccc;

	--category-filter-hover-bg-color: #222;
	--last-visited-products-bg-color: #0b1628;
	--last-visited-products-border-color: #203144;
	--stores-map-fill-color: #111111;
	--stores-map-stroke-color: #666666;
	--horizontal-products-h-color: #fff;
	--horizontal-products-a-color: #ffcc26;
	--horizontal-products-a-hover-color: #ffcc26;

	--basic-box-border-color: #333;
	--basic-box-shadow: 0 1px 2px rgba(255,255,255,0.04), 0 5px 25px rgba(255,255,255,0.06);

	--btn-blue-bg: #248bff;
	--btn-blue-bg-hover: #1a7ede;
	--btn-blue-bg-active: #0d62d8;
	--btn-blue-bg-disabled: #b6c2d0;
	--btn-blue-text: #fff;

	--btn-gray-bg: #222;
	--btn-gray-bg-hover: #333;
	--btn-gray-bg-active: #444;
	--btn-gray-bg-disabled: #555;
	--btn-gray-text: #ccc;

	--btn-green-bg: #129645;
	--btn-green-bg-hover: #0e6f34;
	--btn-green-bg-active: #0a4d24;
	--btn-green-bg-disabled: #8fc9a0;
	--btn-green-text: #fff;
}