@import url('https://fonts.googleapis.com/css2?family=Tinos:wght@400&display=swap');

:root {
	--elements--body-text--body--color: #2d3748;
	--elements--body-text--body--font-family: 'Tinos';
	--elements--body-text--body--font-weight: normal;
	--elements--body-text--heading-1--font-family: 'Tinos';
	--elements--body-text--heading-1--font-weight: normal;
	--elements--body-text--heading-2--font-family: 'Tinos';
	--elements--body-text--heading-2--font-weight: normal;
	--elements--body-text--heading-3--font-family: 'Tinos';
	--elements--body-text--heading-3--font-weight: normal;
	--elements--body-text--heading-4--font-family: 'Tinos';
	--elements--body-text--heading-4--font-weight: normal;
	--elements--buttons--button--border-left-width: 1px;
	--elements--buttons--button--border-right-width: 1px;
	--elements--buttons--button--padding-x: 1rem;
	--elements--buttons--button--padding-y: 0.375rem;
	--elements--buttons--button-small--font-size: 1.125rem;
	--elements--buttons--button-small--padding-x: 1.75rem;
	--elements--buttons--button-small--padding-y: 0.75rem;
	--elements--cards--text-price--color: #0e0e0e;
	--elements--cards--text-stock-danger--color: #4c1c24;
	--elements--cards--text-stock-success--color: #4c1c24;
	--elements--cards--title--font-size: 0.875rem;
	--elements--headings--content-heading--font-family: 'Tinos';
	--elements--headings--content-heading--font-size: 1.75rem;
	--elements--headings--content-heading--font-weight: normal;
	--elements--headings--content-subheading--font-family: 'Tinos';
	--elements--headings--content-subheading--font-weight: normal;
	--elements--headings--footer-heading--font-family: 'Tinos';
	--elements--headings--footer-heading--font-weight: normal;
	--elements--headings--header-heading--font-family: 'Tinos';
	--elements--headings--header-heading--font-weight: normal;
	--elements--headings--header-subheading--font-family: 'Tinos';
	--elements--headings--header-subheading--font-weight: normal;
	--elements--headings--item-heading--font-family: 'Tinos';
	--elements--headings--item-heading--font-weight: normal;
	--elements--headings--item-subheading--font-family: 'Tinos';
	--elements--headings--item-subheading--font-weight: normal;
	--elements--headings--page-heading--font-family: 'Tinos';
	--elements--headings--page-heading--font-weight: normal;
	--elements--headings--page-subheading--font-family: 'Tinos';
	--elements--headings--page-subheading--font-weight: normal;
	--elements--legends--legend--font-family: 'Tinos';
	--elements--legends--legend--font-weight: normal;
	--elements--legends--legend-sm--font-family: 'Tinos';
	--elements--legends--legend-sm--font-weight: normal;
	--layout--page--body--background-color: #ffffff;
	--theme--borders--element--border-radius: 0.5rem;
	--theme--colors--danger-200--color: #FED7D7;
	--theme--colors--danger-600--color: #E53E3E;
	--theme--colors--danger-700--color: #C53030;
	--theme--colors--gray-100--color: #FFFFFF;
	--theme--colors--gray-200--color: #FFFFFF;
	--theme--colors--gray-300--color: #E2E8F0;
	--theme--colors--gray-400--color: #CBD5E0;
	--theme--colors--gray-500--color: #A0AEC0;
	--theme--colors--gray-700--color: #4A5568;
	--theme--colors--gray-800--color: #2D3748;
	--theme--colors--gray-900--color: #000000;
	--theme--colors--primary--100: #ece1e3;
	--theme--colors--primary--200: #b88b92;
	--theme--colors--primary--500: #884651;
	--theme--colors--primary--600: #4c1c24;
	--theme--colors--primary--700: #38141a;
	--theme--colors--primary--800: #2c0e13;
	--theme--colors--primary-200--color: #D7FBFC;
	--theme--colors--primary-500--color: #4C1C24;
	--theme--colors--primary-600--color: #4C1C24;
	--theme--colors--primary-700--color: #210C0F;
	--theme--colors--primary-800--color: #435953;
	--theme--colors--success-200--color: #C6F6D5;
	--theme--colors--success-600--color: #182B21;
	--theme--colors--success-700--color: #2F855A;
	--theme--colors--warning-200--color: #FEEBC8;
	--theme--colors--warning-600--color: #DD6B20;
	--theme--colors--warning-700--color: #C05621;
	--theme--spacing--block--size: 2.375rem;
	--theme--spacing--element--size: 2.375rem;
	--theme--spacing--grid--size: 2.375rem;
	--theme--typography--body--font-family: 'Tinos';
	--theme--typography--body--font-weight: normal;
	--theme--typography--heading-1--font-size: 1.625rem;
	--theme--typography--headings--font-family: 'Tinos';
	--theme--typography--headings--font-weight: normal;
	--content-01--item-icon--height: 1.75rem;
	--content-09--block--margin-top: 0rem;
	--content-09--column--padding-y: 8.25rem;
	--content-09--container--border-radius: 0.625rem;
	--content-09--container--padding-y: 0.375rem;
	--content-09--heading--color: #ffffff;
	--content-09--heading--line-height: 2.375rem;
	--content-09--image-cover--opacity: 0.45;
	--content-09--subheading--color: #ffffff;
	--content-09--subheading--font-size: 1.25rem;
	--content-09--text--color: #ffffff;
	--content-24--block--background-color: var(--theme--colors--danger--300);
	--content-24--block--margin-top: 2.25rem;
	--content-24--block--padding-y: 0.5rem;
	--content-24--container--background-color: var(--theme--colors--danger--300);
	--content-24--container--border-radius: 0.75rem;
	--content-24--container--box-shadow: var(--theme--effects--shadow-sm--box-shadow);
	--content-24--container--padding-y: 2.125rem;
	--content-31--block--margin-top: 2rem;
	--content-31--block--padding-y: 0rem;
	--footer-03--container--background-color: var(--theme--colors--gray--700);
	--header-01--block--border-top-width: 1px;
	--header-01--block--font-size: 1rem;
	--header-01--block--height: 4.125rem;
	--header-01--block--position: static;
	--header-02--block--position: static;
	--header-02--logo--height: 3rem;
	--header-02--search--background-color: #ffffff;
	--header-03--block--position: static;
	--product-details-01--price--font-size: 1.375rem;
	--product-details-01--price--font-weight: 700;
}

@media (min-width:1024px) {
    :root {
		--elements--body-text--body--font-size: 0.875rem;
		--layout--main--container--padding-y: 4.5rem;
		--theme--spacing--block--margin: 2.25rem;
		--theme--spacing--column--padding-x: 2.125rem;
		--theme--spacing--column--padding-y: 2.625rem;
		--theme--spacing--element--margin: 1.875rem;
		--theme--spacing--grid--margin: 4.25rem;
		--header-02--logo--height: 3rem;
		--header-03--block--padding-x: 4.75rem;
		--header-03--nav-items--gap: 1.625rem;
    }
}