/* =========================================================================
   MyBrand, socle de page : jetons de design et remise a zero minimale.

   Ces valeurs viennent du design system v2 d'imagine (assets/v2.css, 66 ko),
   dont le verificateur vectoriel n'utilisait QUE ces quinze variables. Les
   recopier ici evite de trainer une feuille entiere pour quinze lignes, et
   evite surtout de faire dependre l'apparence de mybrand d'un fichier qui vit
   dans un autre depot et que personne ne pense a regarder en le modifiant.

   Le prefixe est --mb- : sur imagine il valait --v2-, un nom de version qui ne
   veut rien dire ici.
   ========================================================================= */

:root {
  /* Fonds, du plus profond au plus souleve. */
  --mb-bg: #060608;
  --mb-bg-card: #121217;
  --mb-bg-elev: #17171d;

  /* Filets. */
  --mb-line: rgba(255, 255, 255, 0.08);
  --mb-line-strong: rgba(255, 255, 255, 0.16);

  /* Encre, du plein au fantome. */
  --mb-ink: #f4f2ee;
  --mb-ink-dim: rgba(244, 242, 238, 0.7);
  --mb-ink-faint: rgba(244, 242, 238, 0.48);

  /* Accents. Le rouge de marque Atlantis (#C22032) est pose par la page
     elle-meme sur .vc-body : ici on garde l'orange du design system, pour que
     la valeur de marque reste visible la ou elle est decidee. */
  --mb-accent-hot: #ff5a3c;
  --mb-accent-warm: #ffd08a;

  --mb-radius: 14px;
  --mb-radius-lg: 22px;

  --mb-ease-cinema: cubic-bezier(0.22, 1, 0.36, 1);
  --mb-font-display: "Archivo Black", "Arial Black", sans-serif;
  --mb-font-sans: "DM Sans", system-ui, -apple-system, Segoe UI, sans-serif;
}

* {
  box-sizing: border-box;
}

/*
 * L'attribut hidden doit gagner, TOUJOURS.
 *
 * hidden ne pose son display:none que dans la feuille du navigateur, donc
 * n'importe quel « display: » ecrit dans une feuille du site le bat, en
 * silence. Le verificateur en portait le cas : .vc-error declare display:flex,
 * et sa boite d'erreur rouge, VIDE, s'affichait donc en permanence sous le
 * depot de fichier, sur imagine comme ici (constate au 2026-09-04 sur
 * https://imagine.atlantisstrength.app/check/vector, corrige ici seulement, le
 * depot d'a cote n'est pas a nous).
 *
 * Le !important est le seul moyen de rendre l'attribut plus fort qu'une classe,
 * et c'est aussi la regle que le navigateur aurait du appliquer.
 */
[hidden] {
  display: none !important;
}

html {
  background: var(--mb-bg);
  color-scheme: dark;
  scroll-behavior: smooth;
}

html,
body {
  margin: 0;
  padding: 0;
}

::selection {
  background: var(--mb-ink);
  color: var(--mb-bg);
}

*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 999px;
}
*::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.2);
}