:root {
	--color-primary:            #b08550;
	--color-primary-hover:      #018163;

	--color-bg:                 #131a37;
	--color-text:               #ffffff;
	--color-border:             #b08550;
	--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:                  '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:                    16px;
	--font-size-mobile:             16px;
	--font-weight:                  300;
	--font-line-height:             2em;

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

	--h1-font-size:                 42px;
	--h1-font-size-mobile:          32px;
	--h1-line-height:               var(--heading-line-height);
	--h1-font-weight:               var(--heading-font-weight);

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

	--h3-font-size:                 25px;
	--h3-font-size-mobile:          20px;
	--h3-line-height:               var(--heading-line-height);
	--h3-font-weight:               var(--heading-font-weight);

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

	--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;
	--gutter-sm: 					20px;


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

	/* ------------------------- */
	/*          REST             */
	/* ------------------------- */
	--border-radius:                5px;
	--trans-speed:             		.3s;
}