/* Charte DBH : couleurs, tailles et bords bronze communs à tous les sites DBH
   (www.dbh.lu, rent.dbh.lu, windbh.dbh.lu…).
   Même fichier, à l'identique, dans chaque site : pour changer la charte, modifier ce fichier
   puis le recopier dans chaque site. Chaque site garde ses propres réglages et y fait référence. */
/* Police commune : Source Sans 3 (licence libre OFL), hébergée par chaque site dans son dossier
   « polices/ » à côté de ce fichier (pas de Google Fonts : aucune donnée de visiteur envoyée à Google). */
@font-face {
  font-family: "Source Sans 3"; font-style: normal; font-weight: 200 900; font-display: swap;
  src: url("polices/source-sans-3-latin-wght-normal.9ef356ea553a.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Source Sans 3"; font-style: normal; font-weight: 200 900; font-display: swap;
  src: url("polices/source-sans-3-latin-ext-wght-normal.c6ba61588d7d.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
:root {
  /* Couleurs */
  --dbh-vert: #22302a;          /* vert foncé du logo : en-têtes, bandeaux */
  --dbh-cuivre: #b5653a;        /* bronze / cuivre du logo : bords, filets, icônes */
  --dbh-cuivre-texte: #a85a32;  /* cuivre lisible pour le texte et les boutons sur fond clair */
  --dbh-cuivre-pale: #f6ebe3;
  --dbh-creme: #f6f3ee;         /* fond de page */
  --dbh-carte: #fff;
  --dbh-texte: #1f2a27;
  --dbh-doux: #5d6762;
  --dbh-bord: #e2ded5;

  /* Bord bronze */
  --dbh-bord-bronze: 3px solid var(--dbh-cuivre);

  /* Tailles (comme www.dbh.lu) */
  --dbh-police: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --dbh-texte-taille: 16px;     /* Source Sans 3 dessine plus petit : 16 px = même taille visible que 15 px en Segoe UI */
  --dbh-interligne: 1.5;
  --dbh-h1: clamp(1.5rem, 3vw, 1.95rem);
  --dbh-h2: 1.25rem;
  --dbh-h3: 1rem;
  --dbh-entete-hauteur: 60px;
  --dbh-logo-hauteur: 46px;
  --dbh-largeur: 1080px;
  --dbh-arrondi: 10px;
  --dbh-bouton-padding: 9px 16px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --dbh-cuivre: #c98457; --dbh-cuivre-texte: #c98457; --dbh-cuivre-pale: #34261d;
    --dbh-creme: #121615; --dbh-carte: #1b211f; --dbh-texte: #e7eae8; --dbh-doux: #9ba5a0; --dbh-bord: #2c3532;
  }
}
:root[data-theme="dark"] {
  --dbh-cuivre: #c98457; --dbh-cuivre-texte: #c98457; --dbh-cuivre-pale: #34261d;
  --dbh-creme: #121615; --dbh-carte: #1b211f; --dbh-texte: #e7eae8; --dbh-doux: #9ba5a0; --dbh-bord: #2c3532;
}

/* À ajouter sur n'importe quel bloc pour lui donner le bord bronze en haut */
.dbh-bord-bronze { border-top: var(--dbh-bord-bronze); }