/*
	Autor: 
		PUM! estudio

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


@font-face { font-family: "Satoshi"; src: url("../fonts/Satoshi-Variable.woff2") format('woff2'), url("../fonts/Satoshi-Variable.woff") format('woff'); font-weight: 300 700;  font-display: swap; font-style: normal;}
@font-face { font-family: "Satoshi"; src: url("../fonts/Satoshi-VariableItalic.woff2") format('woff2'), url("../fonts/Satoshi-VariableItalic.woff") format('woff'); font-weight: 300 700;  font-display: swap; font-style: italic;}



: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: 1rem;
	--padd-m: var(--padd);
	--padd-s: .6rem;
	--padd-main: var(--unit-5);
	--padd-main-l: var(--padd-main);
	--padd-main-m: var(--padd-main-l);
	--padd-main-s: 1rem;
	



	/* 3 -- color */

    --c-black: #000;
	--c-white: #FFF;
	--c-grey-1: #F5F0ED;
	--c-grey-50: #807F7F;


	--c-rosa: #DDAAFF;
	--c-verde: #50C69B;
	--c-amarillo: #F3E36B;
	--c-carmin: #FF4D00;

	--c-error: var(--c-carmin);
	
	--c-txt: var(--c-black);
	--c-txt-blue: #008AF4;

	--bg-html: var(--c-black);
	--bg-body: var(--c-white);




	/* 4 -- text */

	--font-2: 'loretta', serif;
	--font: 'Satoshi', sans-serif;

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

	/* Desktop */

	--txt-h1: 6rem;
	--txt-h1-fw: 300;
	--txt-h1-lh: 1.1em;
	--txt-h1-ls: -0.01em;

	--txt-h2: 4.8rem;
	--txt-h2-fw: 300;
	--txt-h2-lh: 1.1em;
	--txt-h2-ls:  -0.01em;

	--txt-h3: 3.8rem;
	--txt-h3-fw: 300;
	--txt-h3-lh: 1.15em;
	--txt-h3-ls: -0.01em;

	--txt-h4: 2.6rem;
	--txt-h4-fw: 300;
	--txt-h4-lh: 1.3em;
	--txt-h4-ls: -0.01em;

	--txt-h5: 2rem;
	--txt-h5-fw: 300;
	--txt-h5-lh: 1.2em;
	--txt-h5-ls: -0.01em;

	--txt-h6: 2.2rem;
	--txt-h6-fw: 500;
	--txt-h6-lh: 1.1em;
	--txt-h6-ls: 0;

	--txt-body: 1.8rem;
	--txt-body-fw: 400;
	--txt-body-lh: 1.4em;
	--txt-body-ls: 0;
	
	--txt-cta: 1.6rem;
	--txt-cta-fw: 700;
	--txt-cta-lh: 1.3em;
	--txt-cta-ls: 0;

	--txt-caption: 1.3rem;
	--txt-caption-fw: 400;
	--txt-caption-lh: 1.3em;
	--txt-caption-ls: 0;

	--txt-label: 1.4rem;
	--txt-label-fw: 400;
	--txt-label-lh: 1.3em;
	--txt-label-ls: 0.02em;



	/* Mobile */

	--txt-h1-s: 3.8rem;
	--txt-h1-fw-s: 300;
	--txt-h1-lh-s: 1.1em;
	--txt-h1-ls-s: -0.02em;

	--txt-h2-s: 3.2rem;
	--txt-h2-fw-s: 300;
	--txt-h2-lh-s: 1.1em;
	--txt-h2-ls-s: -0.01em;

	--txt-h3-s: 2.8rem;
	--txt-h3-fw-s: 300;
	--txt-h3-lh-s: 1.3em;
	--txt-h3-ls-s: -0.01em;

	--txt-h4-s: 2.6rem;
	--txt-h4-fw-s: 300;
	--txt-h4-lh-s: 1.3em;
	--txt-h4-ls-s: -0.01em;

	--txt-h5-s: 2rem;
	--txt-h5-fw-s: 300;
	--txt-h5-lh-s: 1.3em;
	--txt-h5-ls-s: -0.01em;

	--txt-h6-s: 2.2rem;
	--txt-h6-fw-s: 500;
	--txt-h6-lh-s: 1.1em;
	--txt-h6-ls-s: 0;

	--txt-body-s: 1.8rem;
	--txt-body-fw-s: 400;
	--txt-body-lh-s: 1.4em;
	--txt-body-ls-s: 0;

	--txt-cta-s: 1.4rem;
	--txt-cta-fw-s: 700;
	--txt-cta-lh-s: 1.3em;
	--txt-cta-ls-s: 0;

	--txt-caption-s: 1.3rem;
	--txt-caption-fw-s: 400;
	--txt-caption-lh-s: 1.3em;
	--txt-caption-ls-s: 0;

	--txt-label-s: 1.4rem;
	--txt-label-fw-s: 400;
	--txt-label-lh-s: 1.3em;
	--txt-label-ls-s: 0.02em;;
	



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




	/* 6 -- xtras */

	--border-1-b: 1px solid var(--c-black);
	--border-1-w: 1px solid var(--c-white);
	

}




/* The end -- :P */