/* Base typography — matches the .dc.html base styles + heading treatments used throughout the home sections. */

body{
  font-family:var(--font-body);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3{
  font-family:var(--font-heading);
  color:var(--navy);
  margin:0;
  text-wrap:balance;
}

h1{
  font-weight:600;
  font-size:47px;
  line-height:1.12;
  letter-spacing:-.025em;
}

h2{
  font-weight:600;
  font-size:38px;
  line-height:1.12;
  letter-spacing:-.02em;
}

h3{
  font-weight:600;
  font-size:19px;
  letter-spacing:-.01em;
}

p{
  margin:0;
}

a{
  color:inherit;
}

.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  text-transform:uppercase;
  letter-spacing:.15em;
  font-size:13.5px;
  font-weight:700;
  color:var(--orange-a11y);
}

.section-head{
  text-align:center;
  margin-bottom:44px;
}

.section-head .eyebrow{
  margin-bottom:14px;
  display:block;
}

.section-head h2{
  margin:0 auto;
}

.mono-label{
  font-family:var(--font-mono);
}

/* ---------- inline contextual links (maillage) ---------- */
/* Les liens placés dans un paragraphe ou une liste doivent rester repérables
   sans dépendre uniquement de la couleur : soulignement discret + couleur
   d'accent, distinct du texte courant. */
p a, li a{
  color:var(--orange-a11y);
  text-decoration:underline;
  text-decoration-color:var(--orange-soft-border-2);
  text-underline-offset:2px;
  transition:color .15s ease, text-decoration-color .15s ease;
}
p a:hover, li a:hover, p a:focus-visible, li a:focus-visible{
  color:var(--orange-a11y-hover);
  text-decoration-color:currentColor;
}

@media (max-width:640px){
  h1{ font-size:32px; line-height:1.14; }
  h2{ font-size:26px; line-height:1.2; }
  h3{ font-size:18px; }
  .section-head{ margin-bottom:32px; }
}