*,
*::before,
*::after {
  box-sizing: border-box;
}
:root {
/* H1 */
  --h1-size-fixe : 2rem;
  --h1-size-semi : max(1.5rem, 4vw);
  --h1-size-fluid: clamp(1.8rem, 4vw + 1rem, 4rem);

/* H2 */
}
html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--font-main);
  background: var(--bg);
  color: var(--text);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

/* ========================
   FLUID TYPOGRAPHY
======================== */

h1, .h1 {  
    font-size: var(--h1-size-fixe);
    font-size: var(--h1-size-semi);
    font-size: var(--h1-size-fluid);
    font-weight: 800;
    line-height: 1.1;
}

h2, .h2 {
    font-size: clamp(1.5rem, 3vw + 1rem, 3rem);
    font-weight: 700;
}

h3, .h3 {
    font-size: clamp(1.25rem, 2vw + 1rem, 2rem);
    font-family: 'Veneer'; 
}

h4, .h4 {
    font-size: clamp(1.1rem, 1.5vw + 1rem, 1.5rem);
}

p,
li,
a {
    font-size: clamp(0.95rem, .3vw + .9rem, 1.05rem);
}

h1, h2, h4, h5, .h1, .h2, .h4, .h5 {
    margin-bottom: .5rem; 
    font-family: 'Veneer';
    font-weight: 300;
    line-height: 1.2;
}
h6, .h6 {
    margin-bottom: .5rem;
    font-family: "verveine", sans-serif;
    font-weight: 300;
    line-height: 1.2;
}
.domotics-bold{
    font-family: "domotics-bold", sans-serif;
}