/*
 * Thème SupplactivSellin du back office, d'après supplactiv.fr : bleu de marque #095181 (logo,
 * titres), magenta #e50056 (virgule du logo, boutons ; survol #b20043), gris #4e4f51 pour le texte
 * du site, Metropolis pour les titres. Même thème que le back office SupplActiv, seul le logo
 * change (mention « Sell In »).
 *
 * Branché par appsettings.json (BackOfficeTheme:Stylesheet) et chargé en dernier par _ThemeCss,
 * après salto-theme.css, kendo-theme.css et les couleurs calculées par la palette
 * (BackOfficeTheme:Primary #095181 / Accent #E50056) : ce fichier ne fait que les ajuster au site.
 * Le texte, les menus et les grilles restent en Inter (pas de BackOfficeTheme:Font) ; Metropolis
 * ne sert qu'aux titres.
 *
 * La palette suffit pour le bleu : texte blanc sur #095181 à 8,38:1, #095181 sur blanc à 8,38:1,
 * bandeau du logo = #095181. Seul le texte « accent » est assombri (voir plus bas).
 *
 * Couleurs et polices seulement : aucune hauteur ne change, les vues (calc(100vh - Npx)) en
 * dépendent. Le titre de page garde la hauteur de ligne du h5 de Bootstrap.
 *
 * Police hébergée par le host (wwwroot/fonts) : Metropolis de Chris Simpson, domaine public
 * (The Unlicense : UNLICENSE-Metropolis.txt), fichier woff2 latin de @fontsource/metropolis 5.3.0.
 */

@font-face {
  font-family: "Metropolis";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/metropolis-latin-600-normal.woff2") format("woff2");
}

:root {
  --supplactiv-title-font: "Metropolis", var(--salto-font);

  /* Texte « accent » (étiquette de typologie de la mission, .topnav-tag, 12 px gras) : le magenta
     #e50056 n'atteint que 3,30:1 sur --salto-accent-subtle (#faccdd) ; le magenta foncé du site
     (#b20043, survol de ses boutons) y atteint 4,96:1, et 7,06:1 sur blanc. */
  --salto-accent-text: #b20043;
  --salto-accent-text-rgb: 178, 0, 67;
  --salto-accent-text-hover: #8e0036;
  --salto-accent-text-hover-rgb: 142, 0, 54;
}

/* Titres : Metropolis demi-gras, comme les titres du site, sur la même hauteur de ligne que le h5
   de Bootstrap (21 px). */
.salto-page-title h5 {
  font-family: var(--supplactiv-title-font);
  font-weight: 600;
  line-height: 1.3125rem;
}

.salto-standalone-box h4 {
  font-family: var(--supplactiv-title-font);
  font-weight: 600;
}

/* Bandeau du logo (bleu #095181, --salto-primary-brand) : logo Suppl'Activ Sell In en blanc,
   virgule magenta (images/logo_backoffice_mini.png, tirée de images/logo_login.png du host, seule
   source de la mention « Sell In »). Barre repliée en rail (64 px) : le même logo complet, réduit
   (choix de crat). */