:root {
	/* -- FONT ------------------------------------------------ */
	/* --font-display: 'news-gothic-std', sans-serif; */
	--font-display: 'Fira Sans', sans-serif;
	--font-body: 'Inter Tight', sans-serif;
	
	/* -- FONT SIZE ------------------------------------------------ */ 
	/* --fs-14:  clamp(0.875rem, calc(0.20vw + 0.83rem), 1rem);   
	--fs-10: clamp(0.5rem, calc(0.10vw + 0.45rem), 0.725rem);*/
	--fs-10: 10px;
	--fs-12: 12px;
	--fs-15:  clamp(0.875rem,  calc(0.09vw + 0.86rem), 0.9375rem);
	--fs-20:  clamp(1rem,      calc(0.36vw + 0.93rem), 1.25rem);
	--fs-25:  clamp(1.125rem,  calc(0.63vw + 1.00rem), 1.5625rem);
	--fs-30:  clamp(1.25rem,   calc(0.89vw + 1.07rem), 1.875rem);
	--fs-35:  clamp(1.375rem,  calc(1.16vw + 1.14rem), 2.1875rem);
	--fs-40:  clamp(1.5rem,    calc(1.43vw + 1.21rem), 2.5rem);
	--fs-45:  clamp(1.625rem,  calc(1.70vw + 1.29rem), 2.8125rem);
	--fs-50:  clamp(1.75rem,   calc(1.96vw + 1.36rem), 3.125rem);
	--fs-55:  clamp(1.875rem,  calc(2.23vw + 1.43rem), 3.4375rem);
	--fs-65:  clamp(2.125rem,  calc(2.77vw + 1.57rem), 4.0625rem);
	--fs-80:  clamp(2.5rem,    calc(3.39vw + 1.82rem), 5rem);
	--fs-85:  clamp(2.625rem,  calc(3.84vw + 1.86rem), 5.3125rem);
	--fs-90:  clamp(2.75rem,   calc(4.11vw + 1.93rem), 5.625rem);
  	--fs-100: clamp(3rem,      calc(4.64vw + 2.07rem), 6.25rem);
	--fs-125: clamp(3.625rem,  calc(5.98vw + 2.43rem), 7.8125rem);
	--fs-150: clamp(4.25rem,   calc(7.32vw + 2.79rem), 9.375rem);
	
	/* -- PESI ------------------------------------------------ */
	 --fw-600: 600;
	 --fw-400: 400;
	 --fw-300: 300;
	
	/* -- SPACE ------------------------------------------------ */
	--space-1:  clamp(0.5rem,    calc(0.36vw + 0.43rem),  0.75rem);  /*  8px →  12px */
	--space-2:  clamp(1rem,      calc(0.71vw + 0.86rem),  1.5rem);   /* 16px →  24px */
	--space-3:  clamp(1.25rem,   calc(1.07vw + 1.04rem),  2rem);     /* 20px →  32px */
	--space-4:  clamp(1.5rem,    calc(1.43vw + 1.21rem),  2.5rem);   /* 24px →  40px */
	--space-5:  clamp(1.75rem,   calc(1.79vw + 1.39rem),  3rem);     /* 28px →  48px */
	--space-6:  clamp(2.25rem,   calc(2.50vw + 1.75rem),  4rem);     /* 36px →  64px */
	--space-8:  clamp(3rem,      calc(4.29vw + 2.14rem),  6rem);     /* 48px →  96px */
	--space-10: clamp(3.5rem,    calc(5.00vw + 2.50rem),  7rem);     /* 56px → 112px */
	--space-12: clamp(4rem,      calc(5.71vw + 2.86rem),  8rem);     /* 64px → 128px */
	--space-24: calc(var(--space-12) * 2);
	
	/* -- COLORI ------------------------------------------------ */
	--white: #ffffff;  
	--offWhite: #F5F5F5;
	--nearWhite: #F4F4F4;
	--black: #000000;
	--dimGray: #171717;
	--cobalt: #003883;
	--darkNavy: #00295F;
	--platinum: #EDEDED; 
	--silver: #DEDEDE; 
	--lightGrey: #DDDDDD; 
	--lightestGray: #F0F0F0;
	--pewter: #9F9F9F;
    --mist: #8291C7;
	--indigo: #6270A8;    
	--pumpkin: #EE7D11;
	--jade: #28BF91;

	/* -- PADDING CTA ------------------------------------------------ */
	--btn-pad-y: clamp(1rem, 0.65vw + 0.65rem, 1.25rem);  /* 12-16 px */
	--btn-pad-x: clamp(1.5rem, 0.8vw + 0.75rem, 2rem);  /* 24-32 px */

	/* -- PADDING CTA ------------------------------------------------ */
	--shadow: 0 3px 20px #00000024
}

/* FONT */
h1, h2, h3, h4 { font-family: var(--font-display); }
p, button, li, a, input { font-family: var(--font-body); }
span { font-family: inherit; }


/* -- COLORI ------------------------------------------------ */
.white { color:var(--white); }
.b-white { background-color: var(--white); }
.b-offWhite { background-color: var(--offWhite); }
.b-nearWhite { background: var(--nearWhite); }
.royal { color:var(--royal); }
.b-darkNavy{ background-color:var(--darkNavy)!important; }
.b-cobalt{ background-color:var(--cobalt)!important; }
.cobalt{ color:var(--cobalt);  }
.b-platinum { background-color:var(--platinum); }
.b-silver { background-color:var(--silver); }
.mist { color: var(--mist); }
.b-mist { background: var(--mist); }
.indigo { color: var(--indigo); }
.b-indigo { background: var(--indigo); }
.pewter { color: var(--pewter); }
.pumpkin { color: var(--pumpkin); }
.b-pumpkin { background: var(--pumpkin); }
.dimGray { color: var(--dimGray); }
.b-lightestGray { background: var(--lightestGray);}
.jade { color: var(--jade); }
.b-jade { background: var(--jade); }

/* -- WEIGHT ------------------------------------------------ */
.bold {font-weight: var(--fw-600);}
.light {font-weight: var(--fw-300);}

/* -- WIDTH ------------------------------------------------ */
.container-lg { width: 100%; margin: auto; }

/* -- SHADOW ------------------------------------------------ */
.shadow { box-shadow: var(--shadow);}

@media (max-width: 550px){

    .container-lg { padding-inline: 8vw; }
}
@media (min-width: 551px) and (max-width: 766.9px){

    .container-lg { padding-inline: 10vw;}
}
@media (max-width: 766.9px){

    .container-lg { box-sizing: border-box;}
}
@media (min-width: 767px) and (max-width: 1099.9px){

    .container-lg { max-width: 84vw; }
}
@media (min-width: 1100px) and (max-width: 1400px){

    .container-lg { max-width: 80vw; }
}
@media (min-width: 1401px){

    .container-lg { max-width: min(80vw, 1200px); }
}