/*
 * Surcharges propres au site, chargées en dernier (templates/1/cadre/header.twig).
 *
 * Le hero de ce site a un fond clair (dégradé blanc → bleu pâle, style.css).
 * `blocs.css`, chargé après `style.css`, peint le H1 du hero en
 * `var(--surface-color)` — blanc — ce qui le rendait invisible. Les couleurs
 * de la charte GRDF déclarées dans `style.css` sont rétablies ici, seul
 * endroit qui passe après `blocs.css`.
 */
.hero h1,
.hero .h1 {
    color: var(--accent-color);
}

.hero h1 span {
    background-color: transparent;
    color: inherit;
    box-shadow: inset 0 -5px #fab202;
}

.hero h2 {
    color: var(--contrast-color);
}