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

:root {
	--elements--headings--content-subheading--opacity: 1;
	--elements--headings--header-subheading--opacity: 1;
	--theme--borders--element--border-radius: 0.125rem;
	--theme--colors--danger-200--color: #FED7D7;
	--theme--colors--danger-600--color: #E53E3E;
	--theme--colors--danger-700--color: #C53030;
	--theme--colors--gray-100--color: #F7FAFC;
	--theme--colors--gray-200--color: #EDF2F7;
	--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: #1A202C;
	--theme--colors--primary-200--color: #D7FBFC;
	--theme--colors--primary-500--color: #2F855A;
	--theme--colors--primary-600--color: #2F855A;
	--theme--colors--primary-700--color: #276E4B;
	--theme--colors--primary-800--color: #435953;
	--theme--colors--success-200--color: #C6F6D5;
	--theme--colors--success-600--color: #2F855A;
	--theme--colors--success-700--color: #276B49;
	--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: 'Open Sans';
	--theme--typography--body--font-weight: 300;
	--theme--typography--heading-1--font-size: 1.375rem;
	--theme--typography--headings--font-family: 'Lato';
	--category-list-01--card-image--padding-bottom: 0rem;
	--category-list-01--card-image--padding-left: 0rem;
	--category-list-01--card-image--padding-right: 0rem;
	--category-list-01--card-image--padding-top: 0rem;
	--content-61--block--padding-y: 1rem;
	--header-02--logo--height: 1rem;
	--header-03--nav-sub-item-link--background-color: var(--header-03--nav-item-link--background-color);
	--header-03--nav-sub-item-link--background-color-active: var(--header-03--nav-item-link--background-color-active);
	--header-03--nav-sub-item-link--background-color-hover: var(--header-03--nav-item-link--background-color-hover);
	--header-03--nav-sub-item-link--color: var(--header-03--nav-item-link--color);
	--header-03--nav-sub-item-link--color-active: var(--header-03--nav-item-link--color-active);
	--header-03--nav-sub-item-link--color-hover: var(--header-03--nav-item-link--color-hover);
	--header-12--block--background-color: #fff;
	--product-list-01--list-category-title--margin-bottom: 1rem;
}

@media (min-width:1024px) {
    :root {
		--header-03--block--background-color: var(--theme--colors--gray--800);
		--header-10--block--background-color: var(--theme--colors--gray--800);
    }
}