/* ==========================================================================
   brand.css : SEULE source des références graphiques du site.
   Reflète la charte graphique v1.1 (Charte graphique/Charte). La charte est
   encore en développement : pour changer une couleur, une police, un rayon,
   modifier ICI, puis rien d'autre. Aucune valeur de marque (hex, police,
   rayon) ne doit apparaître ailleurs dans le CSS ou le HTML.
   Les logos se choisissent dans data/site.json (clé "brand").
   ========================================================================== */

/* --- Polices (auto-hébergées, SIL OFL) : titres Montserrat, texte Noto Sans --- */
@font-face { font-family: "Montserrat"; font-weight: 300; font-display: swap; src: url("../fonts/Montserrat-Light.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-weight: 400; font-display: swap; src: url("../fonts/Montserrat-Regular.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-weight: 500; font-display: swap; src: url("../fonts/Montserrat-Medium.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-weight: 600; font-display: swap; src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "Noto Sans"; font-weight: 400; font-display: swap; src: url("../fonts/NotoSans-Regular.woff2") format("woff2"); }
@font-face { font-family: "Noto Sans"; font-weight: 500; font-display: swap; src: url("../fonts/NotoSans-Medium.woff2") format("woff2"); }
@font-face { font-family: "Noto Sans"; font-weight: 700; font-display: swap; src: url("../fonts/NotoSans-Bold.woff2") format("woff2"); }

:root {
  /* --- Couleurs principales --- */
  --ot-ink:    #0B0B0C;  /* Noir encre  : texte, titres */
  --ot-white:  #FFFFFF;  /* Blanc       : fonds */
  --ot-signal: #0E78D4;  /* Bleu signal : accent, liens, appels à l'action */
  /* --- Couleurs secondaires --- */
  --ot-night:  #0A2540;  /* Bleu nuit : fonds sombres, bandeaux */
  --ot-slate:  #5B6B7C;  /* Ardoise   : texte secondaire, filets */
  --ot-mist:   #E8F0F8;  /* Brume     : fonds clairs */
  /* --- Variante interactive (survol) : dérivée du bleu signal, pas dans la charte --- */
  --ot-signal-hover: #0B62AD;

  /* --- Typographie --- */
  --ot-font-heading: "Montserrat", Arial, sans-serif;
  --ot-font-body:    "Noto Sans", Arial, sans-serif;
  --ot-heading-weight: 300;      /* titres en Light, comme le logo */
  --ot-heading-tracking: -0.01em;
  --ot-eyebrow-tracking: 0.18em; /* sur-titres en majuscules espacées, écho au logo */
  --ot-wordmark-tracking: 0.42em; /* nom OpenTrion en grand (écho à l'espacement du logo) */

  /* --- Formes et rythme (style épuré, sans dégradé) --- */
  --ot-radius: 0.5rem;
  --ot-radius-lg: 1rem;
  --ot-section-pad: clamp(3.5rem, 8vw, 6.5rem);
  --ot-border: 1px solid rgba(91, 107, 124, 0.25);
}