/* Marque de l'instance — hors dépôt (<BRANDING_DIR>/web/brand.css).
   Servie par nginx sous /branding/ et chargée par index.html.

   Sélecteurs en `html:root…` : une spécificité d'un cran au-dessus de
   tokens.css, pour gagner quel que soit l'ordre de chargement des feuilles. */

@font-face {
  font-family: "Brand Display";
  src: url("fonts/TURTLEBEACH-Light.otf") format("opentype");
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Brand Display";
  src: url("fonts/TURTLEBEACH-Regular.otf") format("opentype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Brand Display";
  src: url("fonts/TURTLEBEACH-Medium.otf") format("opentype");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Brand Display";
  src: url("fonts/TURTLEBEACH-Bold.otf") format("opentype");
  font-weight: 700; font-style: normal; font-display: swap;
}

/* Violet de la marque — Pantone 2725 C. */
html:root,
html:root[data-theme] {
  --accent: #7538ff;
  --accent-strong: #9b8cff;
  --clouds: url("clouds.webp");
}

/* Thème clair : l'accent descend sur le Pantone 267 C — #7538ff sur fond
   blanc tombe sous le seuil de lisibilité pour du texte courant. */
html:root[data-theme="light"] {
  --accent: #5a00b4;
  --accent-strong: #7538ff;
}