/*
 * Charte graphique de l'université de Tours (V3, 03/2018) appliquée au thème.
 *   ardoise #424a54 et vert #45a59d : couleurs institutionnelles, non modifiables
 *   vert foncé #2a6867 : couleur d'accompagnement — le vert institutionnel n'a
 *   que 2,95:1 de contraste sur blanc, insuffisant pour du texte (RGAA : 4,5:1).
 *   Il sert donc aux aplats et filets ; les liens prennent le vert foncé (6,4:1).
 *   Work Sans : police secondaire de la charte (fichiers woff2 non fournis :
 *   repli sur la police système en attendant).
 */
:root {
  --sn-ardoise: #424a54;
  --sn-vert: #45a59d;
  --sn-vert-fonce: #2a6867;
  --md-text-font: "Work Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
[data-md-color-scheme="default"] {
  --md-primary-fg-color: var(--sn-ardoise);
  --md-primary-fg-color--light: #5b6570;
  --md-primary-fg-color--dark: #30363d;
  --md-accent-fg-color: var(--sn-vert-fonce);
  --md-typeset-a-color: var(--sn-vert-fonce);
  --md-default-fg-color: #2b3138;
}
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #2b3138;
  --md-accent-fg-color: #7fcbc3;
  --md-typeset-a-color: #7fcbc3;
  --md-default-bg-color: #1e2227;
}
/* Le filet vert de la charte sous l'en-tête et les onglets de rubrique. */
.md-tabs { border-bottom: 3px solid var(--sn-vert); }
.md-typeset { font-size: 0.9rem; line-height: 1.65; }
.md-typeset h1 { color: var(--md-default-fg-color); font-weight: 600; }
.md-typeset h2 { font-weight: 600; border-bottom: 1px solid var(--md-default-fg-color--lightest); padding-bottom: .2em; }

/* Accueil : bannière et cartes. */
.sn-hero { background: var(--sn-ardoise); color: #fff; border-radius: .4rem; padding: 2rem 2rem 1.6rem; margin: 0 0 1.6rem; border-left: .5rem solid var(--sn-vert); }
.sn-hero h1 { color: #fff; margin: 0 0 .4rem; font-size: 2rem; }
.sn-hero p { font-size: 1.05rem; margin: 0 0 1rem; max-width: 40rem; }
.md-typeset .sn-hero .md-button { color: #fff; border-color: #fff; margin: .2rem .4rem .2rem 0; }
.md-typeset .sn-hero .md-button--primary { background: var(--sn-vert-fonce); border-color: var(--sn-vert-fonce); }
.md-typeset .sn-hero .md-button:hover, .md-typeset .sn-hero .md-button:focus { background: #fff; color: var(--sn-ardoise); border-color: #fff; }
.md-typeset .grid.cards > ul > li { border-top: 3px solid var(--sn-vert); }

/* Tableau de /stocker/ : la réponse lisible en texte, la couleur en plus. */
.md-typeset .sn-oui { color: #1e6b3a; font-weight: 600; }
.md-typeset .sn-chiffre { color: #8a5a00; font-weight: 600; }
.md-typeset .sn-non { color: #a1262f; font-weight: 600; }
[data-md-color-scheme="slate"] .md-typeset .sn-oui { color: #7ed69b; }
[data-md-color-scheme="slate"] .md-typeset .sn-chiffre { color: #f2c066; }
[data-md-color-scheme="slate"] .md-typeset .sn-non { color: #ff9aa2; }

/* En-tête et onglets de rubrique en ardoise : le thème moderne de Zensical
   les laisse blancs translucides, sans tenir compte de la couleur primaire. */
.md-header, .md-tabs { background-color: var(--sn-ardoise); color: #fff; backdrop-filter: none; }
[data-md-color-scheme="slate"] .md-header, [data-md-color-scheme="slate"] .md-tabs { background-color: #2b3138; }
.md-header__title, .md-header__button, .md-tabs__link { color: #fff; }
.md-tabs__link { opacity: .85; }
.md-tabs__item--active .md-tabs__link, .md-tabs__link:hover, .md-tabs__link:focus { opacity: 1; }
.md-tabs__item--active { box-shadow: inset 0 -3px 0 var(--sn-vert); }
.md-header .md-search__button { color: #fff; background-color: rgba(255,255,255,.14); }
.md-header .md-search__button:hover, .md-header .md-search__button:focus { background-color: rgba(255,255,255,.24); }
/* Encadrés : couleurs de la charte plutôt que le bleu et le vert du thème. */
.md-typeset .admonition.abstract, .md-typeset details.abstract { border-color: var(--sn-ardoise); }
.md-typeset .abstract > .admonition-title, .md-typeset .abstract > summary { background-color: rgba(66,74,84,.08); }
.md-typeset .admonition.tip, .md-typeset details.tip { border-color: var(--sn-vert); }
.md-typeset .tip > .admonition-title, .md-typeset .tip > summary { background-color: rgba(69,165,157,.12); }
.md-typeset .admonition.tip > .admonition-title::before { background-color: var(--sn-vert-fonce); }

/* Accueil : quatre portes d'entrée en 2 × 2 plutôt que 3 + 1. */
@media screen and (min-width: 45em) {
  .md-typeset .grid.cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.md-typeset .sn-hero .md-button:not(.md-button--primary) { background: transparent; }

/* Bloc « matrice » : le tableau sur grand écran, une carte par colonne sur un
   petit. `display: none` retire aussi l'un des deux des lecteurs d'écran. */
.md-typeset .sn-matrice-cartes { display: none; }
@media screen and (max-width: 44.9375em) {
  .md-typeset .sn-matrice { display: none; }
  .md-typeset .sn-matrice-cartes { display: block; }
}
.md-typeset .sn-legende { font-size: .8rem; color: var(--md-default-fg-color--light); margin-top: -.6em; }

/* Le bandeau de l'aperçu : aucune capture ne doit passer pour le site publié. */
.md-banner:has(.sn-apercu) { background-color: #8a5a00; color: #fff; }
.md-banner .sn-apercu { display: block; font-weight: 600; text-align: center; }