/* SIGAB·COM — charte graphique v1.0 appliquée au guide utilisateur. */
@import url("https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,400;0,600;1,400&display=swap");

:root,
[data-md-color-scheme="default"] {
  --sigab-vert: #008751;
  --sigab-vert-fonce: #00663d;
  --sigab-vert-clair: #e6f3ec;
  --sigab-jaune: #fcd116;
  --sigab-jaune-texte: #6b5500;
  --sigab-jaune-clair: #fef6d1;
  --sigab-rouge: #e8112d;
  --sigab-rouge-texte: #b00d22;
  --sigab-rouge-clair: #fdecee;
  --sigab-encre: #14211b;

  --md-primary-fg-color: var(--sigab-vert);
  --md-primary-fg-color--light: var(--sigab-vert-clair);
  --md-primary-fg-color--dark: var(--sigab-vert-fonce);
  --md-primary-bg-color: #fff;
  --md-accent-fg-color: var(--sigab-vert-fonce);
  --md-accent-fg-color--transparent: rgb(0 135 81 / 10%);
  --md-typeset-a-color: var(--sigab-vert);
  --md-default-fg-color: var(--sigab-encre);
  --md-default-fg-color--light: #5b6862;
  --md-default-fg-color--lighter: #9aa7a0;
  --md-default-fg-color--lightest: #e6eae7;
  --md-default-bg-color: #fff;
  --md-code-bg-color: #f4f5f2;
  --md-footer-bg-color: var(--sigab-encre);
  --md-footer-bg-color--dark: #0e1813;
}

[data-md-color-scheme="slate"] {
  --sigab-vert: #9ccfb3; /* vert lisible sur encre (le #008751 n'atteint pas 4,5:1) */
  --sigab-vert-fonce: #e6f3ec;
  --md-primary-fg-color: #008751;
  --md-primary-fg-color--dark: #00663d;
  --md-accent-fg-color: var(--sigab-vert-fonce);
  --md-typeset-a-color: var(--sigab-vert);
  --md-default-bg-color: var(--sigab-encre);
  --md-default-bg-color--light: rgb(20 33 27 / 85%);
  --md-default-fg-color: #eef1ef;
  --md-default-fg-color--light: #b7c2bc;
  --md-default-fg-color--lighter: #9aa7a0;
  --md-default-fg-color--lightest: #2a3e35;
  --md-code-bg-color: #1c2d25;
  --md-footer-bg-color: #0e1813;
  --md-footer-bg-color--dark: #0a120e;
  --sigab-vert-clair: rgb(0 135 81 / 18%);
  --sigab-jaune-clair: rgb(252 209 22 / 12%);
  --sigab-rouge-clair: rgb(232 17 45 / 15%);
}

/* En-tête encre + filet tricolore 2:1:1 (vert, jaune, rouge). */
.md-header {
  background-color: var(--sigab-encre);
  color: #fff;
  backdrop-filter: none;
}
.md-header::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 4px;
  background: linear-gradient(90deg, #008751 0 50%, #fcd116 50% 75%, #e8112d 75%);
}
.md-header__topic:first-child { font-weight: 800; }

/* Titres Montserrat ExtraBold, lecture longue en Spectral. */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--md-default-fg-color);
}
.md-typeset blockquote,
.md-typeset .juridique {
  font-family: Spectral, Georgia, serif;
  font-size: 0.85rem;
  line-height: 1.6;
}

/* Rayons : 8 px boutons/champs, 12 px cartes. */
.md-typeset .md-button { border-radius: 8px; font-weight: 700; }
.md-typeset .admonition,
.md-typeset details,
.md-typeset .grid.cards > ul > li { border-radius: 12px; }

/* Encadrés aux couleurs de statut : vert = approuvé/info, jaune = alerte, rouge = rejet. */
.md-typeset :is(.note, .info, .tip, .success, .example, .abstract, .question) { --statut: #008751; --statut-fond: var(--sigab-vert-clair); }
.md-typeset .warning { --statut: #c9a400; --statut-fond: var(--sigab-jaune-clair); }
.md-typeset :is(.danger, .failure, .bug) { --statut: var(--sigab-rouge); --statut-fond: var(--sigab-rouge-clair); }
.md-typeset :is(.admonition, details):is(.note, .info, .tip, .success, .example, .abstract, .question, .warning, .danger, .failure, .bug) {
  background-color: var(--statut-fond);
}
.md-typeset :is(.note, .info, .tip, .success, .example, .abstract, .question, .warning, .danger, .failure, .bug) > :is(.admonition-title, summary)::before {
  background-color: var(--statut);
}

/* Pied de page encre, comme le bandeau de couverture de la charte. */
.md-footer,
.md-footer-meta { background-color: var(--md-footer-bg-color); border-top: 0; }
.md-copyright,
.md-copyright a,
.md-copyright__highlight { color: #b7c2bc; }

/* Recherche plus large, alignée à droite (pas de dépôt lié : l'emplacement source reste vide). */
.md-header__source:not(:has(a)) { display: none; }
@media screen and (min-width: 45em) {
  .md-search__button { width: 14rem; height: 1.8rem; }
  .md-search__button::before { top: 0.4rem; }
}

/* Captures d'écran : cadre fin et rayon carte (12 px). */
.md-typeset figure img {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 12px;
}
.md-typeset figcaption { color: var(--md-default-fg-color--light); }