/* 8UP Media — typography aligned with physical branding (Montserrat) */

:root {
  --font: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

html {
  font-family: var(--font-body);
}

body,
button,
input,
select,
textarea {
  font-family: var(--font-body) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6,
.h-display, .h-xl, .h-lg, .h-md, .h-sm,
.hero h1, .logo-text, .pro-kpi-num {
  font-family: var(--font-display) !important;
  letter-spacing: -0.02em;
}

.h-display,
.hero h1.h-display {
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
}

.lead,
p {
  font-weight: 400;
  letter-spacing: 0;
}

.hero-label,
.section-tag,
.section-eyebrow,
.drj-group-label,
.mn-cat-title,
.page-hero .section-tag,
.eyebrow {
  font-family: var(--font-display) !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase;
}

.nav-links > li > a,
.nav-links > li > button,
.btn,
.btn-audit,
.btn-devis,
.mn-link,
.mn-acc-header,
.mn-sub-link,
.service-title,
.testimonial-name {
  font-family: var(--font-body) !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
}

.btn-primary,
.mn-cta-audit,
.mn-cta-devis {
  font-weight: 700 !important;
}

.hero-trust-num,
.hero-stat-num,
.pro-kpi-num {
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
}

.hero-trust-label,
.hero-stat-label,
.pro-kpi-label {
  font-weight: 500 !important;
  letter-spacing: 0.02em;
}

/* Subtitle style like "AGENCE MARKETING" on desk branding */
.hero-ville .hero-label,
#page-home .hero-label {
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  font-size: 12px !important;
}