/*
	Autor: 
		PUM! estudio

	Index: 
		1 -- unit
		2 -- space
		3 -- color
		4 -- text
		5 -- icons & logos
		6 -- animation
*/

:root {

	/* 0 -- */ 
	--vh: 0;
	--sW: 0;



	
	/* 1 -- unit */

	--unit-middle: .4rem; 
	--unit: .8rem; 
	--unit-2: calc(var(--unit) * 2); 
	--unit-3: calc(var(--unit) * 3); 
	--unit-4: calc(var(--unit) * 4); 
	--unit-5: calc(var(--unit) * 5); 
	--unit-6: calc(var(--unit) * 6); 
	--unit-7: calc(var(--unit) * 7); 
	--unit-8: calc(var(--unit) * 8); 
	--unit-9: calc(var(--unit) * 9); 
	--unit-10: calc(var(--unit) * 10); 
	--unit-11: calc(var(--unit) * 11); 
	--unit-12: calc(var(--unit) * 12); 
	--unit-13: calc(var(--unit) * 13); 
	--unit-14: calc(var(--unit) * 14); 
	--unit-15: calc(var(--unit) * 15); 
	--unit-16: calc(var(--unit) * 16); 
	--unit-17: calc(var(--unit) * 17); 
	--unit-18: calc(var(--unit) * 18); 
	--unit-19: calc(var(--unit) * 19); 
	--unit-20: calc(var(--unit) * 20); 
	



	/* 2 -- space */
	
	--padd-middle: .6rem;
	--padd: 1.2rem;
	--padd-footer: 1.2rem;
	--padd-col-header: var(--unit-5);
	--padd-col-footer: var(--unit-7);
	--padd-col-main: var(--unit-7);
	--padd-s: .6rem;
	--padd-col-header-s: var(--unit-3);
	--padd-col-footer-s: var(--padd-footer);
	--padd-col-main-s: 0;
	



	/* 3 -- color */

    --c-main: #FABD2D;
	--c-second: #000;
	--c-grey-1: #787878;
	--c-grey-2: #A3A3A3;
	--c-grey-3: #F0F0F0;
	--c-black: #000;
	--c-white: #FFF;
	--c-error: #FF0000;

	--bg-html: var(--c-grey-3);
	--bg-body: var(--c-white);
	--bg-header: var(--c-white);
	--bg-header-submenu: var(--c-grey-3);
	--bg-header-search: var(--c-grey-3);
	--bg-footer: var(--c-black);
	--c-txt: var(--c-black);




	/* 4 -- text */

	--font: neue-haas-unica;
	--fw-strong: 500;
	--fw-regular: 400;
	--txt-h0: 8rem;
	--txt-h0-lh: 1.1em;
	--txt-h0-ls: -2%;
	--txt-h0-fw: 500;
	--txt-h1: 4.6rem;
	--txt-h1-lh: 1.18em;
	--txt-h1-ls: -2%;
	--txt-h1-fw: 500;
	--txt-h2: 3.6rem;
	--txt-h2-lh: 1.2em;
	--txt-h2-ls: 0;
	--txt-h2-fw: 500;
	--txt-h3: 2.8rem;
	--txt-h3-lh: 1.24em;
	--txt-h3-ls: 0;
	--txt-h3-fw: 500;
	--txt-h4: 2.4rem;
	--txt-h4-lh: 1.32em;
	--txt-h4-ls: 0;
	--txt-h4-fw: 500;
	--txt-h5: 1.8rem;
	--txt-h5-lh: 1.3em;
	--txt-h5-ls: 0;
	--txt-h5-fw: 400;
	--txt-h6: 1.3rem;
	--txt-h6-lh: 1.50em;
	--txt-h6-ls: 0;
	--txt-h6-fw: 400;
	--txt-body: 1.6rem;
	--txt-body-lh: 1.5em;
	--txt-body-ls: 0;
	--txt-body-fw: 400;
	--txt-cta: 1.4rem;
	--txt-cta-lh: 1.25em;
	--txt-cta-ls: 0;
	--txt-cta-fw: 400;
	--txt-h0-s: 4rem;
	--txt-h0-lh-s: 1.10em;
	--txt-h0-ls-s: -2%;
	--txt-h0-fw-s: 500;
	--txt-h1-s: 2.6rem;
	--txt-h1-lh-s: 1.1em;
	--txt-h1-ls-s: 0;
	--txt-h1-fw-s: 500;
	--txt-h2-s: 2.3rem;
	--txt-h2-lh-s: 1.18em;
	--txt-h2-ls-s: 0;
	--txt-h2-fw-s: 500;
	--txt-h3-s: 2.0rem;
	--txt-h3-lh-s: 1.2em;
	--txt-h3-ls-s: 0;
	--txt-h3-fw-s: 500;
	--txt-h4-s: 1.8rem;
	--txt-h4-lh-s: 1.35em;
	--txt-h4-ls-s: 0;
	--txt-h4-fw-s: 500;
	--txt-h5-s: 1.2rem;
	--txt-h5-lh-s: 1.48em;
	--txt-h5-ls-s: 0;
	--txt-h5-fw-s: 400;
	--txt-h6-s: 1.1rem;
	--txt-h6-lh-s: 1.4em;
	--txt-h6-ls-s: 0;
	--txt-h6-fw-s: 400;
	--txt-body-s: 1.5rem;
	--txt-body-lh-s: 1.50em;
	--txt-body-ls-s: 0;
	--txt-body-fw-s: 400;
	--txt-cta-s: 1.2rem;
	--txt-cta-lh-s: 1.4em;
	--txt-cta-ls-s: 0;
	--txt-cta-fw-s: 400;




	/* 5 -- icons & logos */
	
	--icon-b-search: url(../img/icon/b/search.svg);
	--icon-w-search: url(../img/icon/w/search.svg);
	--icon-c-search: url(../img/icon/color/search.svg);
	--icon-b-down-angle: url(../img/icon/b/arrow-down-angle.svg);
	--icon-w-down-angle: url(../img/icon/w/arrow-down-angle.svg);
	--icon-c-down-angle: url(../img/icon/color/arrow-down-angle.svg);
	--icon-b-down: url(../img/icon/b/arrow-down.svg);
	--icon-w-down: url(../img/icon/w/arrow-down.svg);
	--icon-c-down: url(../img/icon/color/arrow-down.svg);
	--icon-b-left: url(../img/icon/b/arrow-left.svg);
	--icon-w-left: url(../img/icon/w/arrow-left.svg);
	--icon-c-left: url(../img/icon/color/arrow-left.svg);
	--icon-b-right: url(../img/icon/b/arrow-right.svg);
	--icon-w-right: url(../img/icon/w/arrow-right.svg);
	--icon-c-right: url(../img/icon/color/arrow-right.svg);
	--icon-b-attach: url(../img/icon/b/attachement.svg);
	--icon-w-attach: url(../img/icon/w/attachement.svg);
	--icon-c-attach: url(../img/icon/color/attachement.svg);
	--icon-b-filter: url(../img/icon/b/filter.svg);
	--icon-w-filter: url(../img/icon/w/filter.svg);
	--icon-c-filter: url(../img/icon/color/filter.svg);
	--icon-b-burguer: url(../img/icon/b/burguer.svg);
	--icon-w-burguer: url(../img/icon/w/burguer.svg);
	--icon-c-burguer: url(../img/icon/color/burguer.svg);
	--icon-b-calendar: url(../img/icon/b/calendar.svg);
	--icon-w-calendar: url(../img/icon/w/calendar.svg);
	--icon-c-calendar: url(../img/icon/color/calendar.svg);
	--icon-b-cross: url(../img/icon/b/cross.svg);
	--icon-w-cross: url(../img/icon/w/cross.svg);
	--icon-c-cross: url(../img/icon/color/cross.svg);
	--icon-b-dropdown: url(../img/icon/b/dropdown.svg);
	--icon-w-dropdown: url(../img/icon/w/dropdown.svg);
	--icon-c-dropdown: url(../img/icon/color/dropdown.svg);
	--icon-b-checkbox: url(../img/icon/b/checkbox.svg);
	--icon-w-checkbox: url(../img/icon/w/checkbox.svg);
	--icon-c-checkbox: url(../img/icon/color/checkbox.svg);
	--icon-b-less: url(../img/icon/b/less.svg);
	--icon-w-less: url(../img/icon/w/less.svg);
	--icon-c-less: url(../img/icon/color/less.svg);
	--icon-b-plus: url(../img/icon/b/plus.svg);
	--icon-w-plus: url(../img/icon/w/plus.svg);
	--icon-c-plus: url(../img/icon/color/plus.svg);
	--icon-play: url(../img/icon/play.svg);
	
	--height-logo-header-1: 1.6rem;
	--height-logo-header-2: 2.3rem;
	--height-logo-header-1-s: 1.8rem;
	--height-logo-header-2-s: 2rem;
	--height-logo-footer-1: 3.2rem;
	--height-logo-footer-2: 3.2rem;
	--height-logo-footer-1-s: 3.2rem;
	--height-logo-footer-2-s: 3.2rem;




	/* 6 -- animation */
	
	--bezier: cubic-bezier(.3,0,.5,1);
}




/* The end -- :P */