/* TOONAH — typographie commune aux trois surfaces
   toonah.io (vitrine) · app.toonah.io (plateforme) · admin.toonah.io (console)

   Une seule famille geometrique, Century Gothic, avec chiffres tabulaires
   pour les tableaux de risques et de scores. Century Gothic n'existe pas en
   police web : elle est utilisee si elle est installee sur le poste, sinon
   Jost prend le relais — meme construction, derivee de Futura.
*/
/* Century Gothic si la police est installee, sinon Jost — meme squelette
   geometrique (derive de Futura), tres proche a l'ecran. */
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&display=swap");

:root{
  --toonah-font: "Century Gothic", "URW Gothic", "Jost", "Questrial", "Avant Garde", system-ui, sans-serif;

  /* L'application et la console declarent font-family:var(--font).
     Redefinir la variable est le seul moyen d'unifier sans les modifier. */
  --font: "Century Gothic", "URW Gothic", "Jost", "Questrial", "Avant Garde", system-ui, sans-serif !important;
  --toonah-ink: #04114e;      /* marine du logo */
  --toonah-accent: #04959d;   /* sarcelle des actions */
}

/* On cible les elements textuels plutot que le selecteur universel :
   les polices d'icones eventuelles ne sont pas ecrasees. */
/* !important : les trois interfaces declarent deja des polices dans leurs
   propres feuilles, chargees apres celle-ci. Sans cela, rien ne change. */
body,
p, span, div, li, a, td, th, dt, dd, label, legend, figcaption, blockquote,
h1, h2, h3, h4, h5, h6,
button, input, select, textarea, optgroup {
  font-family: var(--toonah-font) !important;
}

/* Icones : on ne touche a rien */
[class*="icon"], [class*="material"], [class*="fa-"], .fa, i[class] {
  font-family: inherit;
}
[class*="material-icons"], [class*="material-symbols"] {
  font-family: "Material Icons", "Material Symbols Outlined", sans-serif !important;
}

body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

h1, h2, h3, h4 { letter-spacing: -.018em; }

/* Chiffres alignes dans les tableaux, indispensables pour scores et montants */
table, .num, [data-num] { font-variant-numeric: tabular-nums; }