html {
	scroll-behavior: smooth!important;
	scroll-margin-top: calc(var(--header-height) + 1em)!important; /* a bit more of header height ! */
}

:root {
	--header-height: 64px;
	
	--footer-text-color: hsl(0, 0%, 75%);
	--primary: hsl(37, 100%, 58%);
	--primary-pastel: hsl(37, 100%, 88%);
	--primary-light: hsl(37, 100%, 96%);
	--steph-blue: #20538D;
	
	--sidebar-background-color: hsl(13, 40%, 90%);
	
	--hero-rdv-bg: var(--steph-blue);
	--section-bg1: hsl(13, 25%, 95%);
	--section-bg2: var(--steph-blue);
	
	--card-shadow: hsl(13, 25%, 70%);
	
	--quote-bg: hsl(13, 25%, 90%);
	
	--footer-bg: hsl(13, 40%, 90%);
	
	/* SIZES */
	--cost-card-basis: 30ch;
	--small-card-width: 30ch;
	--medium-card-width: 42ch;
	--large-card-width: 48ch;
	--cards-gap: 1em;
	
	h2, h3, h4 {
		text-transform: none!important;
	}
	/*font-size: calc(1.1rem + .15vw)!important;*/
	/*font-size: 1.4rem;*/
	
	a {
		transition: .2s linear;
		font-weight: 400;
	}
}