/* =========================================================
   SOF Typography (fluid)
   - Font family/pesi: gestiti in Elementor (Global Fonts)
   - Qui: solo dimensioni, line-height, ritmo
   ========================================================= */

:root{
  --sof-body-size: 17px;
  --sof-body-lh: 1.65;
}

/* Body */
body{
  font-size: var(--sof-body-size);
  line-height: var(--sof-body-lh);
}

/* Headings: scale fluida e differenziata */
/* H1 */
.elementor h1,
.elementor h1.elementor-heading-title{
  font-size: clamp(34px, 3.2vw, 54px);
  line-height: 1.12;
}


/* H2 */
.elementor h2,
.elementor h2.elementor-heading-title{
  font-size: clamp(28px, 2.4vw, 40px);
  line-height: 1.20;
}

/* H3 */
.elementor h3,
.elementor h3.elementor-heading-title{
  font-size: clamp(22px, 1.8vw, 30px);
  line-height: 1.24;
}

/* H4 */
.elementor h4,
.elementor h4.elementor-heading-title{
  font-size: clamp(18px, 1.4vw, 24px);
  line-height: 1.30;
}

/* H5 */
.elementor h5,
.elementor h5.elementor-heading-title{
  font-size: clamp(16px, 1.2vw, 20px);
  line-height: 1.35;
}

/* H6 */
.elementor h6,
.elementor h6.elementor-heading-title{
  font-size: clamp(15px, 1.1vw, 18px);
  line-height: 1.40;
}

/* ---------------------------------------------------------
   Micro
--------------------------------------------------------- */
small,
.sof-micro{
  font-size: var(--sof-micro-size);
  line-height: var(--sof-micro-lh);
}

/* =========================================================
   Links – refinement
   ========================================================= */

a{
  transition: color .2s ease, text-decoration-color .2s ease;
}

/* Hover */
a:hover{
  text-decoration-thickness: 2px;
}

/* Focus (accessibilità) */
a:focus-visible{
  outline: 2px solid currentColor;
  outline-offset: 2px;
  text-decoration: none;
}

/* Link muted (testi secondari, footer, ecc.) */
a.sof-link-muted{
  color: var(--text-muted);
}