/* charte.css : charte Flowt (couleurs + typographies).
   Les 5 couleurs de rotation sont des custom properties : valeurs par
   défaut de la charte, surchargées à l'exécution par config.affichage
   via style.setProperty (D3 ; jamais par interpolation de HTML/CSS).
   Correspondance fixe D7 : rot-0 violet, rot-1 orange, rot-2 noir,
   rot-3 bleu, rot-4 vert. */

:root {
  --flowt-violet: #945EFF;
  --flowt-orange: #FF7F39;
  --flowt-noir: #0C0C0C;
  --flowt-bleu: #0052CD;
  --flowt-vert: #4EA72E;

  --rot-couleur-0: var(--flowt-violet);
  --rot-couleur-1: var(--flowt-orange);
  --rot-couleur-2: var(--flowt-noir);
  --rot-couleur-3: var(--flowt-bleu);
  --rot-couleur-4: var(--flowt-vert);

  /* D5 : Inter pour le corps, JetBrains Mono pour les numéros de
     questions et les valeurs d'échelle. Fallback système obligatoire
     (D4) : le rendu ne casse pas si les fichiers de police manquent. */
  --police-corps: "Inter", system-ui, -apple-system, "Segoe UI", Roboto,
    Arial, sans-serif;
  --police-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo,
    Consolas, monospace;
}

/* D4 : polices auto-hébergées (licence OFL), jamais de CDN tiers
   (un appel Google Fonts exposerait l'IP du répondant). */
/* Inter VARIABLE (graisse 100-900, comme le site flowt.fr qui titre en 900) :
   un seul fichier, toujours auto-hébergé (D4). Les anciens fichiers statiques
   400/600/700 restent dans assets/fonts en secours. */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../assets/fonts/inter-variable.woff2") format("woff2-variations");
}

@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/jetbrains-mono-400.woff2") format("woff2");
}

@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../assets/fonts/jetbrains-mono-700.woff2") format("woff2");
}