:root {
	--color-primary:            #754c28;
	--color-primary-hover:      #ff7504;

	--color-bg:                 #E8D7C0;
	--color-bg-light:           #fff1dd;
	--color-text:               #754C28;

	--color-border:             #4F4F4F;
	--color-negative:           #EB5757;
	--color-neutral:            #2F80ED;
	--color-positive:           #27AE60;
	--color-disabled:           #828282;

	--color-black:              #000;
	--color-gray-1:             #333;
	--color-gray-2:             #4F4F4F;
	--color-gray-3:             #828282;
	--color-gray-4:             #BDBDBD;
	--color-gray-5:             #E0E0E0;
	--color-gray-6:             #E5E5E5;
	--color-gray-7:             #C4C4C4;
	--color-white:              #fff;

	--offset-base-y:             10px;
	--offset-base-x:             5px;


	/* ------------------------- */
	/*   TYPOGPRAPHY             */
	/* ------------------------- */
	--font-family:                  'rubik', 'system-ui', '-apple-system', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', 'Arial', 'sans-serif', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	--font-size:                    20px;
	--font-size-mobile:             18px;
	--font-weight:                  300;
	--font-line-height:             1.7em;

	--color-heading:                var(--color-primary);
	--heading-line-height:          1.333em;
	--heading-font-weight:          500;

	--h1-font-size:                 100px;
	--h1-font-size-mobile:          60px;
	--h1-line-height:               1;
	--h1-font-weight:               var(--heading-font-weight);

	--h2-font-size:                 60px;
	--h2-font-size-mobile:          32px;
	--h2-line-height:               var(--heading-line-height);
	--h2-font-weight:               300;

	--h3-font-size:                 40px;
	--h3-font-size-mobile:          28px;
	--h3-line-height:               1.6em;
	--h3-font-weight:               500;

	--h4-font-size:                 25px;
	--h4-font-size-mobile:          20px;
	--h4-line-height:               1.6em;
	--h4-font-weight:               500;

	--h5-font-size:                 18px;
	--h5-font-size-mobile:          18px;
	--h5-line-height:               var(--heading-line-height);
	--h5-font-weight:               var(--heading-font-weight);

	--h6-font-size:                 18px;
	--h6-font-size-mobile:          18px;
	--h6-line-height:               var(--heading-line-height);
	--h6-font-weight:               var(--heading-font-weight);

	/* ------------------------- */
	/*        LAYOUT             */
	/* ------------------------- */
	--container-width-xl: 			1170px;
	--container-width-lg: 		    970px;
	--container-width-md: 		    750px;
	--container-width-sm: 			100%;
	--gutter: 						30px;


	/* ------------------------- */
	/*        ACCORDION          */
	/* ------------------------- */
	--accordion-padding:			30px;
	--accordion-padding-left:		70px;


	/* ------------------------- */
	/*        FANCYBOX           */
	/* ------------------------- */
	--fancybox-thumbs-border-radius: 	var(--border-radius);
	--fancybox-accent-color:			var(--color-primary);
	--fancybox-thumbs-width:			96px;

	/* ------------------------- */
	/*          REST             */
	/* ------------------------- */
	--border-radius:                4px;

	--block-y-padding-sm:			45px;
	--block-y-padding-md:			80px;
	--block-y-padding-lg:			100px;
	--block-y-padding-xl:			150px;
}