/*
	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: .4rem; 
	--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);
	--unit-21: calc(var(--unit) * 21); 
	--unit-22: calc(var(--unit) * 22); 
	--unit-23: calc(var(--unit) * 23); 
	--unit-24: calc(var(--unit) * 24); 
	--unit-25: calc(var(--unit) * 25); 
	--unit-26: calc(var(--unit) * 26); 
	--unit-27: calc(var(--unit) * 27); 
	--unit-28: calc(var(--unit) * 28); 
	--unit-29: calc(var(--unit) * 29);
	--unit-30: calc(var(--unit) * 30);
	--unit-31: calc(var(--unit) * 31); 
	--unit-32: calc(var(--unit) * 32); 
	--unit-33: calc(var(--unit) * 33); 
	--unit-34: calc(var(--unit) * 34); 
	--unit-35: calc(var(--unit) * 35); 
	--unit-36: calc(var(--unit) * 36); 
	--unit-37: calc(var(--unit) * 37); 
	--unit-38: calc(var(--unit) * 38); 
	--unit-39: calc(var(--unit) * 39);
	--unit-40: calc(var(--unit) * 40); 
	



	/* 2 -- space */
	
	--padd: var(--unit-3);
	--padd-col-main: 1.8rem;
	--padd-s: var(--unit-2);
	--padd-col-main-s: var(--unit-3);
	



	/* 3 -- color */

    --c-main: var(--c-crema);
	--c-second: var(--c-black);
	--c-grey-1: #808080;
	--c-grey-2: #F5F5F5;
	--c-black: #0C0C0C;
	--c-white: #FFF;
	--c-error: var(--c-rojo);

	--c-crema: #FFFAEE;
	--c-amarillo: #FCD451;
	--c-rojo: #E52C22;
	--c-morado: #7371E3;
	--c-verde: #B1D669;
	--c-azul: #48A6FF;

	--bg-html: var(--c-crema);
	--bg-body: var(--c-main);

	--border-1-b: 1px solid var(--c-black);
	--border-1-g: 1px solid var(--c-grey-1);
	--border-1-w: 1px solid var(--c-white);
	
	--border-2-b: .2rem solid var(--c-second);




	/* 4 -- text */

	--font: "job-clarendon", serif;
	--font-2: "forma-djr-text", sans-serif;  
	--font-3: "clarendon-urw", sans-serif; 

	--fw-strong: 700;
	--fw-regular: 500;
	--fw-light: 300;

	/* desktop */
	--txt-h1: 8.2rem;
	--txt-h1-lh: 0.9em;
	--txt-h1-ls: 0;
	--txt-h1-fw: 800;
	--txt-h2: 6rem;
	--txt-h2-lh: 0.9em;
	--txt-h2-ls: 0;
	--txt-h2-fw: 800;
	--txt-h3: 5.2rem;
	--txt-h3-lh: 0.95em;
	--txt-h3-ls: 0;
	--txt-h3-fw: 500;
	--txt-h4: 3.4rem;
	--txt-h4-lh: 1em;
	--txt-h4-ls: -0.02em;
	--txt-h4-fw: 500;
	--txt-h5: 2.2rem;
	--txt-h5-lh: 1em;
	--txt-h5-ls: 0;
	--txt-h5-fw: 500;
	--txt-h6: 2rem;
	--txt-h6-lh: 1.3em;
	--txt-h6-ls: 0;
	--txt-h6-fw: 500;
	--txt-body: 1.8rem;
	--txt-body-lh: 1.4em;
	--txt-body-ls: -0.03em;
	--txt-body-fw: 300;
	--txt-caption: 1.6rem;
	--txt-caption-lh: 1.3em;
	--txt-caption-ls: 0.01em;
	--txt-caption-fw: 400;
	--txt-cta: 1.6rem;
	--txt-cta-lh: 1.3em;
	--txt-cta-ls: 0;
	--txt-cta-fw: 500;

	/* mobile */
	--txt-h1-s: 4.9rem;
	--txt-h1-lh-s: 0.9em;
	--txt-h1-ls-s: 0;
	--txt-h1-fw-s: 800;
	--txt-h2-s: 4rem;
	--txt-h2-lh-s: 1em;
	--txt-h2-ls-s: 0;
	--txt-h2-fw-s: 800;
	--txt-h3-s: 3.2rem;
	--txt-h3-lh-s: 0.98em;
	--txt-h3-ls-s: 0;
	--txt-h3-fw-s: 500;
	--txt-h4-s: 2.2rem;
	--txt-h4-lh-s: 1em;
	--txt-h4-ls-s: 0.01em;
	--txt-h4-fw-s: 500;
	--txt-h5-s: 1.8rem;
	--txt-h5-lh-s: 1em;
	--txt-h5-ls-s: 0.01em;
	--txt-h5-fw-s: 500;
	--txt-h6-s: 2rem;
	--txt-h6-lh-s: 1.3em;
	--txt-h6-ls-s: -0.01em;
	--txt-h6-fw-s: 500;
	--txt-body-s: 1.8rem;
	--txt-body-lh-s: 1.4em;
	--txt-body-ls-s: -0.02em;
	--txt-body-fw-s: 300;
	--txt-caption-s: 1.4rem;
	--txt-caption-lh-s: 1.3em;
	--txt-caption-ls-s: 0.01em;
	--txt-caption-fw-s: 400;
	--txt-cta-s: 1.4rem;
	--txt-cta-lh-s: 1.3em;
	--txt-cta-ls-s: 0;
	--txt-cta-fw-s: 500;




	/* 5 -- icons & logos */
	
	--icon-b-search: url(../img/icon/icon-search.svg);
	--icon-b-burger: url(../img/icon/icon-menu.svg);
	--icon-b-close: url(../img/icon/icon-close.svg);
	--icon-w-search: url(../img/icon/icon-w-search.svg);
	--icon-w-burger: url(../img/icon/icon-w-menu.svg);
	--icon-w-close: url(../img/icon/icon-w-close.svg);



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




/* The end -- :P */