:root {
  --accent: #1454c6;
  --accent-soft: #dcecff;
  --brand-navy: #0f2d5b;
  --brand-orange: #ff8a3d;
}

.wordmark {
  align-items: center;
  font-size: inherit;
  font-variation-settings: normal;
  font-weight: inherit;
  letter-spacing: normal;
}

.wordmark-logo {
  display: block;
  width: clamp(132px, 12vw, 158px);
  height: auto;
}

/* L’orange reste un accent ponctuel; le bleu porte l’identité principale. */
.hero-rule span:nth-child(2),
.footer-mark span {
  background: var(--brand-orange);
}

.footer-mark {
  color: var(--brand-navy);
}

@media (max-width: 760px) {
  .wordmark-logo {
    width: 126px;
  }
}