:root {
  /* Couleurs officielles DYNORS */
  --dynors-violet: #6F3BA8;
  --dynors-violet-light: #A24AC3;
  --dynors-blue: #1A22B8;
  --dynors-gold: #FFD43B;
  --dynors-brown: #B27C52;
  --dynors-dark: #0A0A23;

  /* Mapping sur les variables Material for MkDocs */
  --md-primary-fg-color: var(--dynors-violet);
  --md-primary-fg-color--light: var(--dynors-violet-light);
  --md-primary-fg-color--dark: var(--dynors-blue);

  --md-accent-fg-color: var(--dynors-gold);

  /* Couleurs de fond / texte (mode clair) façon Confluence */
  --md-default-bg-color: #f4f5f7; /* gris clair Confluence-like */
  --md-default-fg-color: #172b4d;
}

/* Fond général sobre type Confluence */
body {
  background: var(--md-default-bg-color);
  color: var(--md-default-fg-color);
}

/* Wrapper principal : carte blanche posée sur le gradient */
.md-main {
  padding-top: 1.2rem;
  padding-bottom: 1.8rem;
}

.md-main__inner {
  margin: 0 auto;
  /* Un peu plus large pour réduire les marges latérales,
     tout en restant confortable à lire sur grand écran */
  max-width: 1400px;
}

.md-content {
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #dfe1e6;
  box-shadow: 0 1px 2px rgba(9, 30, 66, 0.15);
  padding: 1.8rem 2rem 2.2rem;
}

/* Sidebars gauche/droite sobres */
.md-sidebar--primary,
.md-sidebar--secondary {
  background: transparent;
  box-shadow: none;
}

.md-sidebar--secondary {
  border-radius: 4px;
}

.md-nav--secondary .md-nav__title,
.md-nav--secondary .md-nav__link {
  color: #344563;
}

/* Un peu d’espace vertical entre les entrées de menu pour une lecture plus confortable */
.md-sidebar--primary .md-nav__list > .md-nav__item {
  margin-bottom: 0.35rem;
}

/* Hover des éléments de menu : léger fond violet clair, pas de doré */
.md-sidebar--primary .md-nav__link:hover {
  background: rgba(111, 59, 168, 0.06);
  color: #172b4d;
}

/* Mobile drawer : flèche de retour sur le panel secondaire en noir pour rester visible */
@media (max-width: 960px) {
  .md-nav--primary .md-nav__title .md-nav__button,
  .md-nav--primary .md-nav__title .md-icon {
    color: #000000;
  }
}

/* Barre de navigation supérieure : gradient DYNORS (sans effet \"landing page\") */
.md-header {
  background: linear-gradient(
    90deg,
    #1A22B8 0%,
    #6F3BA8 40%,
    #B27C52 75%,
    #FFD43B 100%
  );
  box-shadow: 0 1px 2px rgba(9, 30, 66, 0.25);
}

.md-header__title {
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.md-header__button,
.md-header__button > .md-icon {
  color: #ffffff;
}

/* Simili-logo texte DYNORS en header */
.md-header__title > span {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Nav latérale : mettre en avant la section active */
.md-nav__link--active,
.md-nav__item--active > .md-nav__link {
  color: var(--dynors-violet) !important;
  font-weight: 700;
}

/* Titres de section stylés (rappel docs dynors) */
.md-typeset h1 {
  color: #172b4d;
  font-size: 2.2rem;
  border-bottom: 3px solid #ffab00;
  padding-bottom: 0.6rem;
  margin-bottom: 1.4rem;
}

.md-typeset h2 {
  color: #253858;
  border-left: 3px solid #ffab00;
  padding-left: 0.8rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.md-typeset h3 {
  color: var(--dynors-violet);
  margin-top: 1.6rem;
}

/* Liens & boutons accentués */
.md-typeset a {
  color: var(--dynors-blue);
  text-decoration: none;
}

.md-typeset a:hover {
  color: var(--dynors-violet);
}

.md-button--primary,
.md-typeset .md-button--primary {
  background: var(--dynors-gradient-header);
  color: #ffffff;
  border-radius: 999px;
}

.md-button--primary:hover {
  filter: brightness(1.05);
}

/* Admonitions (!!! info, warning, etc.) recolorées aux couleurs DYNORS */
.md-typeset .admonition-title,
.md-typeset .admonition-title::before {
  background-color: var(--dynors-gold);
}

.md-typeset .admonition.info,
.md-typeset .admonition.note {
  border-left: 4px solid var(--dynors-blue);
}

.md-typeset .admonition.warning {
  border-left: 4px solid var(--dynors-gold);
}

.md-typeset .admonition.danger,
.md-typeset .admonition.caution {
  border-left: 4px solid #dc3545;
}

/* Listes importantes : petits bullets plus visibles */
.md-typeset ul {
  margin-top: 0.3rem;
}

.md-typeset ul > li::marker {
  color: var(--dynors-violet);
}

/* Blocs de code : fond dark DYNORS */
.md-typeset pre > code {
  background-color: var(--dynors-dark);
  color: #f9fafb;
}

.md-typeset code {
  border-radius: 4px;
  color: #b91c1c; /* rouge foncé lisible sur fond clair */
}