/* Le site dans les tons du bureau PrimTux que voient les eleves: la police Luciole, l'anthracite de
 * la barre des taches, le vert de Leon et le bleu Nord du theme Colloid. Luciole est servie depuis
 * le site (docs/assets/fonts, reduite aux caracteres latins), jamais depuis un service externe. */

@font-face { font-family: "Luciole"; font-weight: 400; font-style: normal; font-display: swap;
  src: url("../assets/fonts/Luciole-Regular.woff2") format("woff2"); }
@font-face { font-family: "Luciole"; font-weight: 700; font-style: normal; font-display: swap;
  src: url("../assets/fonts/Luciole-Bold.woff2") format("woff2"); }
@font-face { font-family: "Luciole"; font-weight: 400; font-style: italic; font-display: swap;
  src: url("../assets/fonts/Luciole-Regular-Italic.woff2") format("woff2"); }
@font-face { font-family: "Luciole"; font-weight: 700; font-style: italic; font-display: swap;
  src: url("../assets/fonts/Luciole-Bold-Italic.woff2") format("woff2"); }

/* `:root > *` et non `:root`: Material pose ses couleurs sur [data-md-color-scheme], plus precis, et
 * les liens prenaient l'anthracite de l'en-tete, impossibles a distinguer du texte. */
:root > * {
  --md-text-font: "Luciole";
  /* En-tete et pied: l'anthracite de la barre des taches. */
  --md-primary-fg-color: #1c1f26;
  --md-primary-fg-color--light: #2c3039;
  --md-primary-fg-color--dark: #121418;
  /* Survol et elements actifs: le contour de Leon, assez sombre pour se lire sur blanc. */
  --md-accent-fg-color: #6f7a24;
  --md-accent-fg-color--transparent: rgba(188, 199, 71, 0.15);
  /* Liens: le bleu Nord, assombri pour un contraste suffisant sur fond blanc. */
  --md-typeset-a-color: #4a6d94;
}

/* Luciole est large: un cran plus petit que la police par defaut garde la meme longueur de ligne. */
.md-typeset { font-size: 0.78rem; }

/* Le liseré vert de Leon sous l'en-tete. */
.md-header { border-bottom: 3px solid #bcc747; }

/* Les encadres de version et d'information dans les tons du bureau. */
.md-typeset .admonition.info, .md-typeset details.info { border-color: #5e81ac; }
.md-typeset .info > .admonition-title, .md-typeset .info > summary { background-color: #e4ebf3; }
.md-typeset .info > .admonition-title::before, .md-typeset .info > summary::before { background-color: #5e81ac; }
.md-typeset .admonition.note, .md-typeset details.note { border-color: #9ca53b; }
.md-typeset .note > .admonition-title, .md-typeset .note > summary { background-color: #eef1d2; }
.md-typeset .note > .admonition-title::before, .md-typeset .note > summary::before { background-color: #7f8a2e; }

/* Les trois portes de l'accueil sur une meme ligne des que la largeur le permet. */
.md-typeset .grid.cards { grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); }