:root {
	--theme--colors--danger--200: #FED7D7;
	--theme--colors--danger--300: #e4bbbb;
	--theme--colors--danger--400: #e2a3a3;
	--theme--colors--danger--500: #e77d7d;
	--theme--colors--danger--600: #e53e3e;
	--theme--colors--danger--700: #C53030;
	--theme--colors--danger--800: #872323;
	--theme--colors--danger--900: #5a0000;
	--theme--colors--gray--100: #FCFCFC;
	--theme--colors--gray--200: #F5F5F5;
	--theme--colors--gray--300: #E8E8E8;
	--theme--colors--gray--400: #DEDEDE;
	--theme--colors--gray--500: #B8BCC2;
	--theme--colors--gray--600: #8B8F94;
	--theme--colors--gray--700: #6A6D73;
	--theme--colors--gray--800: #2D3748;
	--theme--colors--gray--900: #1A202C;
	--theme--colors--primary--200: #FFD6AD;
	--theme--colors--primary--500: #494949;
	--theme--colors--primary--600: #494949;
	--theme--colors--primary--700: #000000;
	--theme--colors--primary--800: #FA7700;
	--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--600: #dd6b20;
	--theme--colors--warning--700: #c05621;
	--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-weight: normal;
	--theme--typography--heading-1--font-size: 1.625rem;
	--theme--typography--headings--font-weight: 900;
	--footer-03--container--background-color: var(--theme--colors--gray--900);
	--footer-01--container--background-color: var(--theme--colors--gray--400);
	--header-02--logo--height: 3rem;
	--header-03--block--background-color: var(--theme--colors--primary--500);
	--header-03--nav-header--border-color: var(--theme--colors--gray--100);
	--layout--page--body--background-color: var(--theme--colors--gray--200);
}

@media (min-width:1024px) {
    :root {
		--theme--spacing--block--margin: 2.375rem;
		--header-02--block--background-color: #ffffff;
		--layout--main--container--padding-y: 2.375rem;
		--header-03--block--background-color: var(--theme--colors--primary--500);
    }
}