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

:root {
	--elements--alerts--danger-container--color-text: #4A4A4A;
	--elements--alerts--default-container--color-text: #4A4A4A;
	--elements--alerts--primary-container--color-text: #4A4A4A;
	--elements--alerts--success-container--color-text: #4A4A4A;
	--elements--alerts--warning-container--color-text: #4A4A4A;
	--elements--badges--default-container--color: #4A4A4A;
	--elements--body-text--body--color: #4A4A4A;
	--elements--body-text--heading-1--color: #16365e;
	--elements--body-text--heading-2--color: #4A4A4A;
	--elements--body-text--heading-3--color: #4A4A4A;
	--elements--body-text--heading-4--color: #4A4A4A;
	--elements--boxes--container--color: #4A4A4A;
	--elements--boxes--container--color-active: #4A4A4A;
	--elements--boxes--container--color-hover: #4A4A4A;
	--elements--buttons--outline-default--color-hover: #4A4A4A;
	--elements--buttons--outline-primary--border-color: #16365e;
	--elements--buttons--outline-primary--border-color-hover: #000000;
	--elements--buttons--outline-primary--color: #16365e;
	--elements--buttons--outline-primary--color-hover: #000000;
	--elements--buttons--primary--background-color: #16365e;
	--elements--buttons--primary--background-color-hover: #000000;
	--elements--buttons--primary--border-color: #16365e;
	--elements--buttons--primary--border-color-hover: #000000;
	--elements--cards--container--color: #4A4A4A;
	--elements--cards--footer--color: #4A4A4A;
	--elements--cards--sub-title--color: #4A4A4A;
	--elements--cards--title--color: #4A4A4A;
	--elements--cards--wish-list-icon--color-hover: #4A4A4A;
	--elements--dropdown--button--color: #4A4A4A;
	--elements--forms--control--color: #4A4A4A;
	--elements--images--image-cover--background-color: #0061ad;
	--elements--modals--backdrop--background-color: #636363;
	--elements--selections--icon--color-active: #0061ad;
	--elements--selections--item--color-active: #0061ad;
	--elements--selections--item--color-hover: #0061ad;
	--elements--tables--column--color: #4A4A4A;
	--layout--page--body--background-color: #FFFFFF;
	--theme--colors--danger--200: #FED7D7;
	--theme--colors--danger--300: #e4bbbb;
	--theme--colors--danger--400: #e2a3a3;
	--theme--colors--danger--500: #e77d7d;
	--theme--colors--danger--700: #C53030;
	--theme--colors--danger--800: #872323;
	--theme--colors--danger--900: #5a0000;
	--theme--colors--gray--100: #FFFFFF;
	--theme--colors--gray--200: #F0F0F0;
	--theme--colors--gray--300: #E3E3E3;
	--theme--colors--gray--400: #D4D4D4;
	--theme--colors--gray--500: #BABABA;
	--theme--colors--gray--600: #9E9E9E;
	--theme--colors--gray--700: #636363;
	--theme--colors--gray--800: #16365e;
	--theme--colors--gray--900: #000000;
	--theme--colors--primary--200: #FFD6AD;
	--theme--colors--primary--500: #4A4A4A;
	--theme--colors--primary--600: #4A4A4A;
	--theme--colors--primary--700: #000000;
	--theme--colors--primary--800: #8C8C8C;
	--theme--colors--success--200: #C6F6D5;
	--theme--colors--success--300: #96c2ac;
	--theme--colors--success--400: #84c2a3;
	--theme--colors--success--500: #5fa280;
	--theme--colors--success--600: #2f855a;
	--theme--colors--success--700: #215239;
	--theme--colors--success--800: #0c3c23;
	--theme--colors--success--900: #00351a;
	--theme--colors--warning--200: #FEEBC8;
	--theme--colors--warning--300: #e2b395;
	--theme--colors--warning--400: #e09666;
	--theme--colors--warning--500: #db864f;
	--theme--colors--warning--800: #904018;
	--theme--colors--warning--900: #391605;
	--theme--spacing--block--size: 2.375rem;
	--theme--spacing--element--size: 2.375rem;
	--theme--spacing--grid--size: 2.375rem;
	--theme--typography--body--font-family: 'Lato';
	--theme--typography--body--font-weight: normal;
	--theme--typography--heading-1--font-size: 1.625rem;
	--theme--typography--headings--font-family: 'Lato';
	--theme--typography--headings--font-weight: 900;
	--footer-01--container--background-color: #f2f2f2;
	--footer-01--link--color-hover: #000000;
	--footer-02--container--background-color: var(--theme--colors--gray--900);
	--footer-02--container--border-top-width: 0px;
	--footer-03--container--background-color: var(--theme--colors--gray--900);
	--header-02--logo--height: 5rem;
	--header-03--nav-header--border-color: var(--theme--colors--gray--100);
}

@media (min-width:1024px) {
    :root {
		--layout--main--container--padding-y: 2.375rem;
		--theme--spacing--block--margin: 2.375rem;
		--header-02--block--background-color: #ffffff;
		--header-02--logo--height: 5rem;
    }
}