/* Thème personnalisé pour les couleurs */

/* Définition des couleurs personnalisées */
:root {
  --md-primary-fg-color: #3a4251;
  --md-primary-fg-color--light: #4a5261;
  --md-primary-fg-color--dark: #2a3241;
  --md-accent-fg-color: #5c6370;
  --md-accent-fg-color--transparent: rgba(92, 99, 112, 0.1);
}

/* Thème Dark */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #21252d;
  --md-default-fg-color: #ced0d6;
  --md-code-bg-color: #2c313c;
  --md-code-fg-color: #ced0d6;
  --md-typeset-color: #ced0d6;
  --md-typeset-a-color: #8ab4f8;
}

/* Thème Light */
[data-md-color-scheme="default"] {
  --md-default-bg-color: #cecece;
  --md-default-fg-color: #21252d;
  --md-code-bg-color: #f5f5f5;
  --md-code-fg-color: #21252d;
  --md-typeset-color: #21252d;
  --md-typeset-a-color: #4c8d7e;
}

/* Assurer que le texte est lisible dans les deux thèmes */
[data-md-color-scheme="slate"] .md-content,
[data-md-color-scheme="slate"] .md-content__inner,
[data-md-color-scheme="slate"] .md-typeset {
  color: #ced0d6;
}

[data-md-color-scheme="default"] .md-content,
[data-md-color-scheme="default"] .md-content__inner,
[data-md-color-scheme="default"] .md-typeset {
  color: #21252d;
}

/* Couleur du bandeau principal */
[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs {
  background-color: #3a4251;
}

[data-md-color-scheme="default"] .md-header,
[data-md-color-scheme="default"] .md-tabs {
  background-color: #3a4251;
}

/* Sidebar colors */
[data-md-color-scheme="slate"] .md-sidebar {
  background-color: #21252d;
}

[data-md-color-scheme="default"] .md-sidebar {
  background-color: #cecece;
}

/* Footer colors */
[data-md-color-scheme="slate"] .md-footer {
  background-color: #3a4251;
  color: #ced0d6;
}

[data-md-color-scheme="default"] .md-footer {
  background-color: #3a4251;
  color: #21252d;
}