@import url('https://fonts.googleapis.com/css2?family=Annie+Use+Your+Telescope:wght@400&family=Advent+Pro:wght@400;500&family=Aclonica:wght@400&family=Open+Sans:wght@300&family=Lato:wght@400&display=swap');

:root {
	--elements--body-text--body--font-family: 'Annie Use Your Telescope';
	--elements--body-text--body--font-weight: normal;
	--elements--headings--content-subheading--opacity: 1;
	--elements--headings--header-heading--font-family: 'Advent Pro';
	--elements--headings--header-heading--font-weight: 500;
	--elements--headings--header-subheading--font-family: 'Advent Pro';
	--elements--headings--header-subheading--font-weight: 500;
	--elements--headings--header-subheading--opacity: 1;
	--elements--headings--page-heading--font-family: 'Aclonica';
	--elements--headings--page-heading--font-weight: normal;
	--elements--headings--page-subheading--font-family: 'Advent Pro';
	--elements--modals--backdrop--background-color: #b8e53e85;
	--elements--modals--title--color: #6b46c1;
	--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--100: #fcfff5;
	--theme--colors--primary--200: #f4fdd8;
	--theme--colors--primary--300: #eaffb2;
	--theme--colors--primary--400: #e8fd95;
	--theme--colors--primary--500: #d7ea7a;
	--theme--colors--primary--600: #afd55a;
	--theme--colors--primary--700: #b4c146;
	--theme--colors--primary--800: #809a3c;
	--theme--colors--primary--900: #62770d;
	--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 (max-width: 1023px) {
	:root {
		--content-04--column-one--background-color: var(--theme--colors--success--600);
	}
}

@media (min-width: 1024px) {
	:root {
		--content-04--column-one--background-color: var(--theme--colors--danger--600);
		--content-04--column-one-subheading--font-size: 2rem;
		--content-04--column-one-subheading--line-height: 2.5rem;
		--content-31--block--background-color: var(--theme--colors--danger--600);
		--content-31--heading--color: var(--theme--colors--warning--100);
		--header-03--block--background-color: var(--theme--colors--gray--800);
		--header-10--block--background-color: var(--theme--colors--gray--800);
	}
}