:root
{
	--clr-prim: #fb7712;
	--clr-black: #161A1D;
	--clr-white: #F9F1EC;

	--clr-prim-100: #fee2cd;
	--clr-prim-200: #fdc59b;
	--clr-prim-300: #fca969;
	--clr-prim-400: #fc8c36;
	--clr-prim-500: #fb6f04;
	--clr-prim-600: #c95903;
	--clr-prim-700: #964303;
	--clr-prim-800: #642c02;
	--clr-prim-900: #321601;

	--clr-grey-50: #F1F3F4;
	--clr-grey-100: #E3E6E8;
	--clr-grey-200: #C7CDD1;
	--clr-grey-300: #ABB4BA;
	--clr-grey-400: #8F9BA3;
	--clr-grey-500: #73828C;
	--clr-grey-600: #5C6870;
	--clr-grey-700: #454E54;
	--clr-grey-800: #2E3438;
	--clr-grey-850: #22272A;
	--clr-grey-900: #171A1C;
	--clr-grey-950: #0B0D0E;

	--cr-rad-XS: 8px;
	--cr-rad-S: 16px;
	--cr-rad-M: 24px;
	--cr-rad-L: 48px;

	--content-max-width : 1000px;
	--header-max-width: 1200px;

	--spc-12: 10rem;
	--spc-11: 5rem;
	--spc-10: 4rem;
	--spc-9: 3rem;
	--spc-8: 2.5rem;
	--spc-7: 2rem;
	--spc-6: 1.5rem;
	--spc-5: 1.25rem;
	--spc-4: 1rem;
	--spc-3: 0.75rem;
	--spc-2: 0.5rem;
	--spc-1: 0.25rem;

	--hgt-btn: 3rem;
	--dot-slide-sz: 0.5rem;

	--brd-default: 0.5px solid var(--clr-grey-400);

	--ln-hgt-body: 150%;
	--ln-hgt-head: 130%;

	--ft-sz-h1: 34px;
	--ft-sz-h3: 26px;
	--ft-sz-h4: 22px;
	--ft-sz-h5: 14px;
	--ft-sz-bxl: 19px;
	--ft-sz-bl: 17px;
	--ft-sz-bm: 15px; /* root em*/
	--ft-sz-bs: 13px;
	--ft-sz-btn: 14px;
}

@media screen and (max-width: 1000px)
{
	:root
	{
		--shd-box: 1vw 1vw 4vw rgba(0, 30, 23, 0.4);

		--ft-sz-h1: 1.8rem;
		--ft-sz-h3: 1.6rem;
		--ft-sz-h4: 1.4rem;
		--ft-sz-bxl: 1.25rem;
		--ft-sz-bl: 1.125rem;
		--ft-sz-bm: 4vw;
		--ft-sz-bs: 0.875rem;
		--ft-sz-btn: 0.95rem;

		--cr-rad-XS: 2vw;
		--cr-rad-S: 4vw;
		--cr-rad-M: 5vw;
		--cr-rad-L: 6vw;
	}
}