/* Lisibilité du site public. Cette couche finale ne touche ni les contenus
   du CMS ni les polices et couleurs indépendantes de l'administration. */
.site-page {
    --jc-text: #172238;
    --muted: #35435B;
    color: var(--jc-text);
}

/* Remplacer les anciens gris explicites sur les surfaces claires seulement.
   Ne pas recolorer tous les paragraphes : les panneaux bleu nuit restent clairs. */
.site-page:not(.page-home) .page-hero:not(.editorial-hero) .lead,
.site-page.page-about .about-principles-grid .statement-card:not(:nth-child(2)) > p:last-child,
.site-page .news-author,
.site-page.page-news .editorial-filter-label,
.site-page.page-news .editorial-list-header p,
.site-page.page-news .editorial-list .news-card .card-body > p,
.site-page.page-variant-article-detail .editorial-heading .lead,
.site-page.page-variant-article-detail :is(.editorial-author, .editorial-reading-time),
.site-page.page-variant-article-detail .editorial-toc a {
    color: var(--muted);
}
.site-page.page-variant-article-detail .editorial-toc a:is(:hover, :focus-visible) {
    color: var(--jc-blue);
}
.site-page.page-variant-article-detail .editorial-main .article-body,
.site-page.page-variant-article-detail .article-body pre {
    color: var(--jc-text);
}

/* Échelle desktop environ 10–13 % plus discrète. Les tailles des tablettes
   et téléphones restent celles des compositions validées. Pas de scale :
   le texte conserve son rendu net et ses retours à la ligne naturels. */
@media screen and (min-width: 1200px) {
    .site-page.page-home .hero--immersive h1 { font-size: clamp(3.25rem, 4.5vw, 5.3rem); }
    .site-page .home-hero-fallback h1 { font-size: clamp(2.8rem, 4.4vw, 4.85rem); }
    .site-page:not(.page-home) .page-hero h1 { font-size: clamp(3.25rem, 5.4vw, 6.2rem); }
    .site-page.page-about .page-hero.about-hero h1 { font-size: clamp(3.2rem, 4vw, 4.8rem); }
    .site-page.page-news .editorial-hero h1 { font-size: clamp(2.8rem, 4.1vw, 4.6rem); }
    .site-page.page-variant-article-detail .editorial-heading h1 { font-size: clamp(2.2rem, 3.7vw, 4.15rem); }
    .site-page .section-heading h2 { font-size: clamp(2.75rem, 4.05vw, 4.65rem); }
    .site-page .home-about-copy h2 { font-size: clamp(2.8rem, 4.1vw, 4.8rem); }
    .site-page.page-about .about-intro h2 { font-size: clamp(2.5rem, 3.7vw, 4.4rem); }
    .site-page .cta-section h2 { font-size: clamp(2.8rem, 4.4vw, 4.85rem); }
    .site-page .values-section h2 { font-size: clamp(2.6rem, 4vw, 4.4rem); }
    .site-page .footer-intro h2 { font-size: clamp(2.6rem, 4.4vw, 4.9rem); }
    .site-page .faq-layout > div > h2 { font-size: clamp(2.2rem, 3.35vw, 3.55rem); }
    .site-page.page-interior .error-page h1 { font-size: clamp(3.5rem, 6.1vw, 6.2rem); }
}

@media print {
    .site-page { --jc-text: #040404; --muted: #242424; }
}