/* ── Couleurs ARMLSUD ──────────────────────────────────── */
:root {
  --md-primary-fg-color:        #5BAA8C;
  --md-primary-fg-color--light: #8DC96E;
  --md-primary-fg-color--dark:  #3d8a6c;
  --md-accent-fg-color:         #4CBDC3;
  --md-accent-fg-color--transparent: rgba(76, 189, 195, 0.1);
}

/* Gradient dans l'en-tête */
.md-header {
  background: linear-gradient(90deg,
    #4CBDC3 0%,
    #5BAA8C 30%,
    #8DC96E 60%,
    #5BAA8C 100%
  );
}

/* Tabs de navigation */
.md-tabs {
  background-color: #3d8a6c;
}

/* Admonitions personnalisées */
.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: #5BAA8C;
}

.md-typeset .admonition.tip > .admonition-title,
.md-typeset details.tip > summary {
  background-color: rgba(91, 170, 140, 0.15);
}

/* Badges étape */
.step-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #5BAA8C;
  color: white;
  font-weight: 700;
  font-size: 0.85rem;
  margin-right: 8px;
  flex-shrink: 0;
}

/* Encadré "chemin de navigation" */
.nav-path {
  background: #f0f7f4;
  border-left: 4px solid #5BAA8C;
  padding: 0.6rem 1rem;
  border-radius: 0 4px 4px 0;
  font-family: monospace;
  font-size: 0.9rem;
  margin-bottom: 1rem;
}

[data-md-color-scheme="slate"] .nav-path {
  background: #1e2d28;
}