/**
 * Design tokens from THEME-REFERENCE-TOKENS.json
 */
:root {
	/* Colors */
	--zp-color-primary: #2dce9a;
	--zp-color-primary-rgb: 45, 206, 162;
	--zp-color-primary-tint: rgba(0, 247, 96, 0.1);
	--zp-color-primary-glow: rgba(45, 206, 162, 0.34);
	--zp-color-page-bg: #f9f9f9;
	--zp-color-surface: #ffffff;
	--zp-color-surface-alt: #f8f8f8;
	--zp-color-text: #515151;
	--zp-color-text-heading: #3b3f44;
	--zp-color-text-muted: #7a7a7a;
	--zp-color-text-secondary: #666666;
	--zp-color-text-nav: #33373d;
	--zp-color-text-price: #aeaeae;
	--zp-color-text-price-sale: #2dce9a;
	--zp-color-text-price-pdp: #3e3e3e;
	--zp-color-text-on-primary: #ffffff;
	--zp-color-text-breadcrumb: #767676;
	--zp-color-text-product-title: #575757;
	--zp-color-border: #eeeeee;
	--zp-color-border-input: #dddddd;
	--zp-color-dark-cta: #111111;
	--zp-color-stock-in: #958e09;
	--zp-color-sort-bg: #eeeeee;
	--zp-color-disabled-bg: #f2f2f2;

	/* Typography */
	--zp-font-family: Shabnam, Tahoma, sans-serif;
	--zp-font-size-body: 14px;
	--zp-font-size-hero: 44px;
	--zp-font-size-page-title: 30px;
	--zp-font-size-section: 22px;
	--zp-line-height-nav: 20px;

	/* Spacing */
	--zp-space-5: 5px;
	--zp-space-10: 10px;
	--zp-space-13: 13px;
	--zp-space-15: 15px;
	--zp-space-20: 20px;
	--zp-space-25: 25px;
	--zp-space-30: 30px;
	--zp-space-35: 35px;
	--zp-space-50: 50px;

	/* Radius */
	--zp-radius-sm: 3px;
	--zp-radius-md: 5px;
	--zp-radius-lg: 10px;
	--zp-radius-pill: 90px;

	/* Shadows */
	--zp-shadow-header: 0 7px 8px rgba(0, 0, 0, 0.04);
	--zp-shadow-card: 0 10px 40px rgba(110, 134, 216, 0.1);
	--zp-shadow-filter: 0 5px 20px rgba(114, 129, 181, 0.1);
	--zp-shadow-accent: 0 5px 15px rgba(45, 206, 162, 0.34);
	--zp-shadow-carousel: 0 3px 10px rgba(17, 17, 17, 0.08);

	/* Layout */
	--zp-container: 1300px;
	--zp-container-inner: 1280px;
	--zp-gutter: 20px;
	--zp-header-top: 47px;
	--zp-header-main: 90px;
	--zp-header-nav: 52px;
	--zp-search-width: 650px;
	--zp-shop-sidebar: 259px;
}

@media (max-width: 768px) {
	:root {
		--zp-search-width: 249px;
		--zp-gutter: 15px;
	}
}