:root {
    --hd-accent: #222268;
    --hd-accent-text: #fff7d7;
}

/* style.css de l'instance */
/* Habillage Hyperdrive de BLACHERE ILLUMINATION (ADR-0029), inspiré de blachere-illumination.com :
   fond doré clair, bleu nuit, beige, titres serif en capitales, boutons droits en capitales espacées.
   À copier dans le dossier Hyperdrive:Branding:Directory de l'instance, avec :
     "AccentColor": "#222268", "AccentTextColor": "#fff7d7"   (appsettings.Production.json, site ET worker)
   Polices : Bona Nova et PT Sans si elles sont installées sur le poste du visiteur, sinon Georgia et Segoe UI.
   Pour les servir à tous : déposer les .woff2 (licence SIL OFL) dans fonts/ et ajouter les @font-face correspondants. */

:root {
    /* Palette du site (bleu nuit, dorés, beige) */
    --hd-text: #222268;
    --hd-heading: #222268;
    --hd-muted: #55557f;
    --hd-border: #d4cdb5;
    --hd-surface: #f6f2ee;
    --hd-page: #f6f2ee;
    --hd-card: #ffffff;
    --hd-accent-soft: #fbf8f3;
    --hd-footer-bg: #222268;
    --hd-footer-text: #fff7d7;

    /* Titres serif en capitales espacées, texte et boutons en PT Sans */
    --hd-font-body: "PT Sans", "Segoe UI", system-ui, sans-serif;
    --hd-font-heading: "Bona Nova", Georgia, "Times New Roman", serif;
    --hd-heading-weight: 400;
    --hd-heading-transform: uppercase;
    --hd-heading-spacing: 0.08em;
    --hd-button-font: var(--hd-font-body);
    --hd-button-transform: uppercase;
    --hd-button-spacing: 0.08em;

    /* Formes droites, ombre légère */
    --hd-radius: 2px;
    --hd-radius-sm: 0;
    --hd-radius-button: 0;
    --hd-shadow: 0 18px 40px -24px rgba(34, 34, 104, 0.35);
    --hd-logo-height: 7rem;
    --hd-logo-max-width: 30rem;
}

/* Bouton principal : inversion beige / bleu nuit au survol, comme sur le site. */
button.primary:hover:not(:disabled) {
    filter: none;
    background: #fff7d7;
    color: #222268;
}

/* Liseré doré sous l'en-tête. */
.site-header {
    border-bottom: 1px solid #d4cdb5;
    margin-bottom: 2rem;
}

@media (max-width: 600px) {
    .site-header {
        margin-bottom: 1rem;
    }
}
