/*@import url("ht_large.css");
@import url("ht_desktop.css");
@import url("ht_laptop.css");
@import url("ht_tablet.css");
@import url("ht_mobile.css");
@import url("ht_large.css") only screen and (min-width: 1201px);
@import url("ht_desktop.css") only screen and (min-width: 1025px) and (max-width: 1200px);
@import url("ht_desktop.css") only screen and (max-width: 1200px);
@import url("ht_laptop.css") only screen and (min-width: 769px);
@import url("ht_laptop.css") only screen and (min-width: 769px) and (max-width: 1024px);
@import url("ht_tablet.css") only screen and (max-width: 768px);
@import url("ht_mobile.css") only screen and (max-width: 480px);*/



html {
	--size-mobile-width-max: 480px;

	/* SPACE BETWEEN ELEMENTS */
	--space-between-elmt-same-type: 32px;
	--margin-between-sections-but-categories: 56px;
	--margin-right-between-elmt-same-type: 24px;
	--padding-between-text-elmt: 16px;
	--padding-updown-inside-cards: 12px;
	--padding-sides-inside-cards: 8px;

	/* Typography */
	--type-h1-desktop-font-size: 26px;
	--type-h2: 22px;
	--type-h1-cards: 18px;
	--type-h1-cards-font-size: 18px;
	--type-h1-categories-font-size: 14px;
	--type-h2-cards-font-size: 18px;
	--type-h3-cards-font-size: 8px;
	--type-p-cards-font-size: 14px;
	--type-p-side-menu-font-size: 16px;
	--type-p-mobile-font-size: 14px;
	/* 16px; */
	--type-p-tablet-font-size: 14px;
	/* 20px */
	--type-icon-size: 20px;

	--new-card-background-light: #FCFCF8;
	--border-radius-inputs: 5px;
	--border-radius-buttons: 8px;
	--border-radius-cards: 12px;
	--type-h1-little-categories-font-size: 12px;

}


/*--breakpoint-mobile-max: 480px;	
	--breakpoint-tablet-min: 481px;		--breakpoint-tablet-max: 768px;
	--breakpoint-laptop-min: 769px; 	--breakpoint-laptop-max: 1024px;
	--breakpoint-desktop-min: 1025px; 	--breakpoint-desktop-max: 1200px;
										--breakpoint-large-min: 1201px;
	*/


/* breakpoints include 
@media screen and (min-width: 1201px){

.breakpointnote::before{
   content: "large";
}
	:root {
	--breakpoint-min: 1201px;		
	--breakpoint-max: 15000px;
	}
}

@media screen and (max-width: 1200px){
	:root {
	--breakpoint-min: 1025px;		
	--breakpoint-max: 1201px;
	}
}

@media screen and (max-width: 1024px){
	:root {
	--breakpoint-min: 769px;		
	--breakpoint-max: 1024px;
	}
}

@media screen and (max-width: 768px){
	:root {
	--breakpoint-min: 769px;		
	--breakpoint-max: 1024px;
	}
}

@media screen and (max-width: 480px){
	:root {
	--breakpoint-min: 0;		
	--breakpoint-max: 768px;
	}
}



*/