/* ==========================================================
   Enlace Education Services — shared typography
   Loaded last on every page so type is identical sitewide
   and scales smoothly between mobile and desktop.
   ========================================================== */

:root{
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --fs-h1:      clamp(30px, 3.4vw + 8px, 48px);   /* page hero title      */
  --fs-h2:      clamp(18px, 1vw + 12px, 24px);    /* section headings     */
  --fs-h2-card: clamp(17px, .6vw + 14px, 20px);   /* headings inside cards */
}

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  text-rendering:optimizeLegibility;
}

html body{
  font-family:var(--font-sans);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Everything inherits the page font (nav, footer, forms, buttons) */
html body *{font-family:inherit}
html body button,
html body input,
html body select,
html body textarea{font-family:inherit}

/* ── Hero titles ── */
html body h1{
  font-size:var(--fs-h1) !important;
  line-height:1.08 !important;
  letter-spacing:-.025em !important;
}

/* ── Section headings ── */
html body .sec-title h2,
html body .sec-hd h2,
html body .sh h2,
html body .feat-head h2,
html body .doc-section-head h2,
html body .approach-wrap h2,
html body .bcta-txt h2,
html body .sp-steps h2{
  font-size:var(--fs-h2) !important;
  line-height:1.2 !important;
}

/* ── Card headings ── */
html body .form-card h2,
html body .git-card h2,
html body .faq-wrap h2,
html body .sp-form h2{
  font-size:var(--fs-h2-card) !important;
  line-height:1.25 !important;
}
html body .sp-form h2{font-size:clamp(24px,1.4vw + 18px,30px) !important}

/* ── Form fields: same size everywhere; 16px on touch screens
      so phones don't zoom in when a field is focused ── */
html body input,
html body select,
html body textarea{font-size:14px}
@media (max-width:767px){
  html body input,
  html body select,
  html body textarea{font-size:16px !important}
}