/* colors ending -05 means Opacity 50%. Or ending with -02 means 20% */
:root {
	/* general colors */
	--primary-color: #ff3139;
	--primary-color-05: #ff3139;
	--primary-color-02: #ff3139;
	--secondary-color: #ff3139;
	--secondary-color-05: #ff3139;
	--secondary-color-02: #ff3139;
	--third-color: #a3a3a3;
	--third-color-05: #a3a3a3;
	--third-color-02: #a3a3a3;

	/* font colors */
	--dark-text: #000000;
	--dark-text-05: #000000;
	--dark-text-02: #000000;
	--body-text: #49565e;
	--light-text: #ffffff;
	--light-text-05: #ffffff;
	--light-text-02: #ffffff;
	--link-color: var(--primary-color);
	--header-font-color: #000000;
	--footer-font-color: white;

	/* header-top, footer and bg color */
	--header-top: #f0f0f0;
	--header-top-05: #f0f0f0;
	--header-top-02: #f0f0f0;
	--header-bg: white;
	--body-bg: #fff;
	--footer-bg: #151515;

	/* icon colors */
	--icon-primary-color: #ff3139;
	--icon-primary-color-05: #ff3139;
	--icon-primary-color-02: #ff3139;
	--icon-secondary-color: #ff3139;
	--icon-secondary-color-05: #ff3139;
	--icon-secondary-color-02: #ff3139;
	--icon-third-color: #313131;
	--icon-third-color-05: #313131;
	--icon-third-color-02: #313131;
	--icon-fourth-color: #595959;
	--icon-fourth-color-05: #595959;
	--icon-fourth-color-02: #595959;
	--icon-header-color: gray;
	--icon-footer-color: white;

	/* dark-mode bg colors */
	--dark-mode-bg: #1d2530;
	--dark-mode-bg-05: #1d2530;
	--dark-mode-bg-02: #1d2530;
	--dark-mode-bg-dark: #000000;
	--dark-mode-bg-dark-05: #000000;
	--dark-mode-bg-dark-02: #000000;

	/* logo width */
	--logo-width-header: 210px;
	--logo-width-footer: 140px;
	--logo-width-mobile-header: 105px;
	--logo-width-mobile-footer: 120px;

	/* product card properties */
	--card-image-height: 145px;
	--card-image-fit: cover;

	/* border radiuses */
	--border-radius-blocks: 15px;
	--border-radius-image: 20px;
	--border-radius-buttons: 3px;

	/* font sizes */
	--h1-fs: 40px;
	--h2-fs: 32px;
	--h3-fs: 22px;
	--h4-fs: 18px;
	--h5-fs: 16px;
	--h6-fs: 12px;
	--p-fs: 14px;

	--lazy-image-background: var(--primary-color);
	--font-family: "Gilroy";
	--container-width: 1200px;
}

/* font scale on mobile view */

/* @media (max-width: 768px) {
	body {
		--h1-fs: calc(var(--h1-fs) * 0.2);
		--h2-fs: calc(var(--h2-fs) * 0.2);
		--h3-fs: calc(var(--h3-fs) * 0.2);
		--h4-fs: calc(var(--h4-fs) * 0.2);
		--h5-fs: calc(var(--h5-fs) * 0.2);
		--h6-fs: calc(var(--h6-fs) * 0.2);
		--p-fs: calc(var(--p-fs) * 0.1);
	}
} */
/* asdas */