/* Socle Berdin — couleurs et polices de la charte (source : marque/couleurs.json).
   À importer tel quel dans une application, une maquette ou une présentation HTML.
   Thème sombre : automatique, ou forcé par data-theme="dark" / "light" sur <html>. */
:root{
  --papier:#FFFFFF; --sable:#F3F4F2; --encre:#1F2228; --encre-2:#474C55; --discret:#5B606A; --trait:#DADDE1; --nuit:#10131B;
  --jaune:#F4C542; --sur-jaune:#1F2228;
  --marine:#243870; --vert:#177A5C; --olive:#515A42; --sapin:#173B36;
  --sur-couleur:#FFFFFF;
  --f-titre:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
  --f-texte:"Source Serif 4",Georgia,"Times New Roman",serif;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --papier:#10131B; --sable:#181C26; --encre:#ECEEF2; --encre-2:#C3C8D2; --discret:#9EA5B3; --trait:#2B3140;
  --marine:#9BB0E4; --vert:#37C39A; --olive:#B9C2A6; --sur-couleur:#10131B; color-scheme:dark}}
:root[data-theme="dark"]{
  --papier:#10131B; --sable:#181C26; --encre:#ECEEF2; --encre-2:#C3C8D2; --discret:#9EA5B3; --trait:#2B3140;
  --marine:#9BB0E4; --vert:#37C39A; --olive:#B9C2A6; --sur-couleur:#10131B; color-scheme:dark}

/* Couleur de la marque courante : poser la classe sur <body> ou sur un bloc. */
.m-berdin{--marque:var(--encre); --signe:var(--jaune)}
.m-maisons-berdin{--marque:var(--marine); --signe:var(--marine)}
.m-maisons-smart{--marque:var(--vert); --signe:var(--vert)}
.m-berdin-plus{--marque:var(--olive); --signe:var(--olive)}
.m-mir{--marque:var(--sapin); --signe:var(--jaune)}

/* Surligné : couleur de la marque sous texte clair ; jaune sous texte noir pour Berdin. seulement. */
.surligne{background:var(--marque,var(--jaune)); color:var(--sur-couleur); padding:0 .14em; border-radius:3px; box-decoration-break:clone; -webkit-box-decoration-break:clone}
.m-berdin .surligne{background:var(--jaune); color:var(--sur-jaune)}