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

:root {
	--elements--badges--container--border-radius: 2rem;
	--elements--badges--container--text-transform: none;
	--elements--body-text--body--font-family: 'Open Sans';
	--elements--body-text--body--font-weight: 300;
	--elements--body-text--heading-1--color: #1c6eba;
	--elements--body-text--heading-1--font-family: 'Open Sans';
	--elements--body-text--heading-1--font-weight: 300;
	--elements--body-text--heading-2--color: #009fe3;
	--elements--body-text--heading-2--font-family: 'Open Sans';
	--elements--body-text--heading-2--font-weight: 600;
	--elements--body-text--heading-3--font-family: 'Open Sans';
	--elements--body-text--heading-3--font-weight: normal;
	--elements--body-text--heading-4--color: #1c6eba;
	--elements--body-text--heading-4--font-family: 'Open Sans';
	--elements--body-text--heading-4--font-weight: normal;
	--elements--boxes--container--box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);
	--elements--buttons--button--border-radius: 2rem;
	--elements--buttons--button--font-family: 'Open Sans';
	--elements--buttons--button--font-weight: normal;
	--elements--buttons--button--text-transform: none;
	--elements--buttons--light--background-color-hover: #cbd5e0;
	--elements--buttons--light--border-color-hover: #cbd5e0;
	--elements--buttons--primary--background-color: #1c6eba;
	--elements--buttons--primary--border-color: #1c6eba;
	--elements--cards--body--padding-x: 1.75rem;
	--elements--cards--body--padding-y: 1.75rem;
	--elements--cards--header--font-size: 1.25rem;
	--elements--cards--legend--font-size: 2rem;
	--elements--cards--legend--font-weight: 200;
	--elements--cards--legend--margin-bottom: 1.25rem;
	--elements--cards--sub-sub-title--line-height: 1.375rem;
	--elements--cards--sub-title--font-size: 0.875rem;
	--elements--cards--sub-title--line-height: 1.625rem;
	--elements--cards--title--color: #009fe3;
	--elements--cards--title--font-weight: 600;
	--elements--cards--title--line-height: 1.375rem;
	--elements--features--body--opacity: 0.65;
	--elements--features--title--color: #79c4f0;
	--elements--features--title--font-family: 'Open Sans';
	--elements--features--title--font-size: 1.125rem;
	--elements--features--title--font-weight: normal;
	--elements--features--title--text-transform: none;
	--elements--forms--control--background-color: #ffffff;
	--elements--forms--control--border-radius: 2rem;
	--elements--forms--info--color: #718096;
	--elements--forms--label--color: #1c6eba;
	--elements--forms--radio-checkbox--border-radius: 0rem;
	--elements--headings--content-heading--color: #1c6eba;
	--elements--headings--content-heading--font-family: 'Open Sans';
	--elements--headings--content-heading--font-weight: 700;
	--elements--headings--content-subheading--color: #009fe3;
	--elements--headings--content-subheading--font-family: 'Open Sans';
	--elements--headings--content-subheading--font-weight: normal;
	--elements--headings--content-subheading--opacity: 1;
	--elements--headings--footer-heading--color: #1c6eba;
	--elements--headings--footer-heading--font-family: 'Open Sans';
	--elements--headings--footer-heading--font-weight: 600;
	--elements--headings--header-heading--color: #1c6eba;
	--elements--headings--header-heading--font-family: 'Open Sans';
	--elements--headings--header-heading--font-weight: 700;
	--elements--headings--header-subheading--color: #009fe3;
	--elements--headings--header-subheading--font-family: 'Open Sans';
	--elements--headings--header-subheading--font-weight: normal;
	--elements--headings--header-subheading--opacity: 1;
	--elements--headings--item-heading--color: #1c6eba;
	--elements--headings--item-heading--font-family: 'Open Sans';
	--elements--headings--item-heading--font-weight: 700;
	--elements--headings--item-subheading--color: #009fe3;
	--elements--headings--item-subheading--font-family: 'Open Sans';
	--elements--headings--item-subheading--font-weight: normal;
	--elements--headings--page-heading--color: #1c6eba;
	--elements--headings--page-heading--font-family: 'Open Sans';
	--elements--headings--page-heading--font-weight: 700;
	--elements--headings--page-heading--letter-spacing: 0px;
	--elements--headings--page-heading--line-height: 2.25rem;
	--elements--headings--page-heading--margin-bottom: 0.375rem;
	--elements--headings--page-subheading--color: #009fe3;
	--elements--headings--page-subheading--font-family: 'Open Sans';
	--elements--headings--page-subheading--font-size: 2.125rem;
	--elements--headings--page-subheading--font-weight: 300;
	--layout--page--body--background-color: #f7fafc;
	--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: #cfecfd;
	--theme--colors--primary--200: #ace0ff;
	--theme--colors--primary--500: #79c4f0;
	--theme--colors--primary--600: #009fe3;
	--theme--colors--primary--700: #009fe3;
	--theme--colors--primary--800: #1c6eba;
	--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';
	--content-01--block--margin-top: 3.125rem;
	--content-01--container--padding-y: 0.625rem;
	--content-01--item-icon--height: 1.375rem;
	--content-01--item-text--font-size: 0.75rem;
	--content-01--item-title--color: var(--theme--colors--primary--600);
	--content-01--item-title--font-size: 1.125rem;
	--content-02--item-title--color: var(--theme--colors--primary--600);
	--footer-01--container--background-color: #2190c3;
	--footer-01--container--color: var(--theme--colors--gray--100);
	--footer-01--heading--color: var(--theme--colors--primary--500);
	--footer-01--link--color: var(--theme--colors--gray--100);
	--footer-01--link--color-hover: #f7fafc;
	--header-01--divider--background-color: #b1b2b1;
	--header-01--icon--color: #b1b2b1;
	--header-01--icon--height: 1.5rem;
	--header-02--cart-button--background-color: var(--theme--colors--primary--800);
	--header-02--cart-button--background-color-hover: #12497b;
	--header-02--cart-button--border-color: var(--theme--colors--primary--800);
	--header-02--cart-button--border-color-hover: #12497b;
	--header-02--logo--height: 1rem;
	--header-03--nav-header--border-color: var(--theme--colors--gray--700);
	--header-03--nav-item--font-family: 'Open Sans';
	--header-03--nav-item--font-size: 0.875rem;
	--header-03--nav-item-link--text-transform: uppercase;
	--header-03--nav-sub-item--font-family: 'Open Sans';
	--header-03--nav-sub-items--background-color: var(--theme--colors--gray--200);
	--header-03--nav-sub-items--border-top-color: var(--theme--colors--gray--200);
	--header-03--nav-sub-sub-item--font-family: 'Open Sans';
	--product-details-01--price--font-size: 2rem;
	--product-details-01--price--font-weight: 500;
}

@media (min-width:1024px) {
    :root {
		--elements--body-text--body--font-size: 1rem;
		--elements--body-text--body--line-height: 1.625rem;
		--elements--body-text--heading-1--font-size: 2.25rem;
		--layout--main--container--padding-y: 2.25rem;
		--theme--spacing--block--margin: 3.375rem;
		--theme--spacing--column--padding-x: 2.5rem;
		--theme--spacing--grid--margin: 1.25rem;
		--header-02--logo--height: 4.875rem;
		--header-03--block--background-color: #2191c4;
		--header-03--block--padding-x: 1rem;
		--header-03--block--padding-y: 0rem;
		--header-03--nav-item-link--background-color: var(--theme--colors--danger--300);
		--header-03--nav-item-link--background-color-active: var(--theme--colors--primary--800);
		--header-03--nav-item-link--background-color-hover: var(--theme--colors--primary--800);
		--header-03--nav-item-link--padding-x: 0.75rem;
		--header-03--nav-items--gap: 0rem;
		--header-03--nav-sub-item--padding-y: 0rem;
		--header-03--nav-sub-item-link--background-color-hover: var(--theme--colors--danger--300);
		--header-03--nav-sub-item-link--color: var(--theme--colors--gray--600);
		--header-03--nav-sub-item-link--color-active: #2d3748;
		--header-03--nav-sub-item-link--color-hover: #2d3748;
		--header-03--nav-sub-sub-item-link--color: var(--theme--colors--gray--600);
		--header-03--nav-sub-sub-item-link--color-active: #2d3748;
		--header-03--nav-sub-sub-item-link--color-hover: #2d3748;
    }
}