/*
 * maths.css — Animations mathématiques
 * Éléments propres aux moteurs non géométriques (droite graduée, surfaces…),
 * en complément de commun/style.css (charte, lecteur, tracés).
 */

/* Droite graduée (M2) */
.trait-axe {
  stroke: #1f2933;
  stroke-width: 2.5;
  fill: none;
}

.graduation {
  stroke: #1f2933;
  stroke-width: 1.6;
}

.graduation.principale {
  stroke-width: 2.4;
}

.nom.graduation-nombre {
  font: 600 24px system-ui, "Segoe UI", Arial, sans-serif;
  font-style: normal;
  fill: #1f2933;
}

.nom.graduation-nombre.pas {
  fill: var(--bleu);
}

.nom.graduation-nombre.cherche {
  fill: #c2410c;
}

.arc-bond {
  stroke: var(--bleu);
  stroke-width: 2.2;
  fill: none;
}

.nom.bond {
  font: 600 17px system-ui, "Segoe UI", Arial, sans-serif;
  font-style: normal;
  fill: var(--bleu);
}

/* Surlignage d'un intervalle, loupe */
.forme.surlignage {
  fill: #fde3d3;
  stroke: #c2410c;
  stroke-width: 1.5;
}