@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;600;700&display=swap');

:root {
	--elements--badges--success-container--background-color: #f3ce00;
	--elements--badges--success-container--border-color: #000000;
	--elements--badges--success-container--color: #000000;
	--elements--body-text--body--font-family: 'Josefin Sans';
	--elements--body-text--body--font-weight: 300;
	--elements--body-text--heading-2--font-family: 'Josefin Sans';
	--elements--body-text--heading-2--font-weight: 600;
	--elements--buttons--button--font-family: 'Josefin Sans';
	--elements--buttons--button--font-weight: 300;
	--elements--buttons--light--background-color-hover: #fafafa;
	--elements--buttons--light--border-color: #f3ce00;
	--elements--buttons--light--border-color-hover: #000000;
	--elements--buttons--light--color: #000000;
	--elements--buttons--light--color-hover: #000000;
	--elements--buttons--outline-default--border-color: #f3ce00;
	--elements--buttons--outline-default--border-color-hover: #000000;
	--elements--buttons--outline-default--color: #000000;
	--elements--buttons--outline-default--color-hover: #000000;
	--elements--buttons--primary--color-hover: #000000;
	--elements--buttons--success--background-color-hover: #f3ce00;
	--elements--buttons--success--border-color-hover: #f3ce00;
	--elements--buttons--success--color-hover: #000000;
	--elements--cards--footer--border-color: #f3ce00;
	--elements--cards--header--padding-x: 2rem;
	--elements--cards--image--height: 20rem;
	--elements--cards--text-price--color: #000000;
	--elements--cards--text-price--font-size: 1.125rem;
	--elements--cards--text-stock-success--color: #000000;
	--elements--headings--content-heading--font-family: 'Josefin Sans';
	--elements--headings--content-heading--font-weight: 700;
	--elements--headings--content-subheading--font-family: 'Josefin Sans';
	--elements--headings--content-subheading--font-weight: 600;
	--elements--headings--footer-heading--font-family: 'Josefin Sans';
	--elements--headings--footer-heading--font-weight: 700;
	--elements--headings--header-heading--font-family: 'Josefin Sans';
	--elements--headings--header-heading--font-weight: 700;
	--elements--headings--header-subheading--color: #2d3748;
	--elements--headings--header-subheading--font-family: 'Josefin Sans';
	--elements--headings--header-subheading--font-size: 0.875rem;
	--elements--headings--header-subheading--font-weight: 600;
	--elements--headings--item-heading--font-family: 'Josefin Sans';
	--elements--headings--item-heading--font-size: 1.25rem;
	--elements--headings--item-heading--font-weight: 700;
	--elements--headings--item-subheading--font-family: 'Josefin Sans';
	--elements--headings--item-subheading--font-weight: 600;
	--elements--headings--page-heading--font-family: 'Josefin Sans';
	--elements--headings--page-heading--font-weight: 700;
	--elements--headings--page-subheading--font-family: 'Josefin Sans';
	--elements--headings--page-subheading--font-size: 1.625rem;
	--elements--headings--page-subheading--font-weight: 700;
	--elements--legends--legend--font-family: 'Josefin Sans';
	--elements--legends--legend--font-weight: 600;
	--elements--legends--legend-sm--color: #000000;
	--elements--legends--legend-sm--font-family: 'Josefin Sans';
	--elements--legends--legend-sm--font-weight: normal;
	--theme--borders--element--border-radius: 0rem;
	--theme--colors--danger-200--color: #00FF44;
	--theme--colors--danger-600--color: #3E8CE6;
	--theme--colors--danger-700--color: #353C85;
	--theme--colors--gray--100: #fafafa;
	--theme--colors--gray--200: #fafafa;
	--theme--colors--gray--400: #f3ce00;
	--theme--colors--gray--600: #000000;
	--theme--colors--gray-100--color: #FAFAFA;
	--theme--colors--gray-200--color: #FAFAFA;
	--theme--colors--gray-300--color: #F3CE00;
	--theme--colors--gray-400--color: #F3CE00;
	--theme--colors--gray-500--color: #000000;
	--theme--colors--gray-600--color: #5E5E5E;
	--theme--colors--gray-700--color: #000000;
	--theme--colors--gray-800--color: #000000;
	--theme--colors--gray-900--color: #000000;
	--theme--colors--primary--100: #c8c8c8;
	--theme--colors--primary--200: #565656;
	--theme--colors--primary--500: #161616;
	--theme--colors--primary--600: #000000;
	--theme--colors--primary--700: #f3ce00;
	--theme--colors--primary--800: #f3ce00;
	--theme--colors--primary-200--color: #FF0077;
	--theme--colors--primary-500--color: #000000;
	--theme--colors--primary-600--color: #000000;
	--theme--colors--primary-700--color: #F3CE00;
	--theme--colors--primary-800--color: #F3CE00;
	--theme--colors--success--600: #000000;
	--theme--colors--success-200--color: #000000;
	--theme--colors--success-600--color: #000000;
	--theme--colors--success-700--color: #F3CE00;
	--theme--colors--warning-200--color: #F3CE00;
	--theme--colors--warning-600--color: #DD6B20;
	--theme--colors--warning-700--color: #C05621;
	--theme--spacing--block--size: 1.75rem;
	--theme--spacing--element--size: 2.5rem;
	--theme--spacing--grid--size: 3rem;
	--theme--typography--body--font-family: 'Josefin Sans';
	--theme--typography--body--font-size: 1rem;
	--theme--typography--body--font-weight: 300;
	--theme--typography--heading-1--font-size: 2rem;
	--theme--typography--heading-1--line-height: 2rem;
	--theme--typography--heading-2--font-size: 1.625rem;
	--theme--typography--heading-2--line-height: 1.75rem;
	--theme--typography--heading-3--font-size: 1.375rem;
	--theme--typography--heading-3--line-height: 1.625rem;
	--theme--typography--heading-4--font-size: 1.125rem;
	--theme--typography--heading-4--line-height: 1.5rem;
	--theme--typography--headings--font-family: 'Josefin Sans';
	--content-26--card-body--padding-left: 1rem;
	--content-26--card-body--padding-right: 1rem;
	--content-26--card-body--padding-top: 0rem;
	--content-26--card-image--height: 8.875rem;
	--content-26--card-label--padding: 1rem;
	--content-26--card-title--line-height: 1.25rem;
	--footer-01--container--background-color: var(--theme--colors--gray--400);
	--footer-01--container--color: var(--theme--colors--gray--600);
	--footer-01--heading--color: var(--theme--colors--gray--600);
	--footer-01--heading--font-size: 1.125rem;
	--footer-01--link--color: var(--theme--colors--gray--600);
	--footer-01--link--color-hover: #000000;
	--footer-02--container--background-color: var(--theme--colors--gray--400);
	--footer-02--container--border-top-color: var(--theme--colors--gray--600);
	--footer-03--container--background-color: var(--theme--colors--gray--600);
	--header-01--block--border-bottom-color: var(--theme--colors--gray--400);
	--header-01--icon--height: 1.25rem;
	--header-02--cart-button--color: #ffffff;
	--header-02--cart-button-badge--border-color: var(--theme--colors--gray--400);
	--header-02--cart-button-badge--color: var(--theme--colors--gray--600);
	--header-02--logo--height: 2.25rem;
	--header-02--mobile-menu-icon--background-color: var(--theme--colors--gray--600);
	--header-02--mobile-menu-icon--border-color: var(--theme--colors--gray--600);
	--header-02--mobile-menu-icon--color: #ffffff;
	--header-03--block--background-color: var(--theme--colors--gray--600);
	--header-03--block--color: #ffffff;
	--header-03--nav-header--border-color: var(--theme--colors--gray--700);
	--header-03--nav-item--font-family: 'Josefin Sans';
	--header-03--nav-item--font-size: 1rem;
	--header-03--nav-item-link--background-color-hover: var(--theme--colors--gray--400);
	--header-03--nav-item-link--color: #ffffff;
	--header-03--nav-item-link--color-hover: #000000;
	--header-03--nav-item-link--font-weight: 300;
	--header-03--nav-items-legend--color: var(--theme--colors--gray--400);
	--header-03--nav-sub-item--font-family: 'Josefin Sans';
	--header-03--nav-sub-item-link--background-color-hover: var(--theme--colors--gray--600);
	--header-03--nav-sub-item-link--color: #ffffff;
	--header-03--nav-sub-items--background-color: var(--theme--colors--gray--600);
	--header-03--nav-sub-items--border-top-color: var(--theme--colors--gray--600);
	--product-list-01--card-image--height: 12.875rem;
	--product-list-01--card-image--padding-bottom: 0rem;
}

@media (max-width: 1023px) {
	:root {
		--content-26--card-image--height: 16.625rem;
		--content-26--card-image--min-width: auto;
		--content-26--card-image--object-fit: contain;
		--content-26--card-image--padding-bottom: 2rem;
		--content-26--card-image--padding-left: 2rem;
		--content-26--card-label--font-size: 0.625rem;
		--product-list-01--card-body--padding-left: 1.5rem;
		--product-list-01--card-body--padding-right: 1.5rem;
		--product-list-01--card-image--height: 9rem;
	}
}

@media (min-width: 1024px) {
	:root {
		--elements--body-text--body--font-size: 1rem;
		--elements--body-text--heading-2--font-size: 1.25rem;
		--content-26--card-image--height: 17.75rem;
		--content-26--card-label--padding: 1.625rem;
		--content-26--card-title--font-size: 1rem;
		--header-01--social-media-icons--display: flex;
		--header-03--block--background-color: var(--theme--colors--gray--600);
		--header-03--nav-item-link--background-color-hover: transparent;
		--header-03--nav-item-link--color: var(--theme--colors--gray--300);
		--header-03--nav-item-link--color-hover: #fff;
		--header-03--nav-sub-item-link--background-color-hover: transparent;
		--header-03--nav-sub-item-link--color: var(--theme--colors--gray--300);
	}
}