/* Charte Telma : bleu #0084FF, marine #0B2540 (en-tête), corail #FF6B6B (accent),
   turquoise #22D3C5, fond #E5EAF1. Palette « custom » de Material (mkdocs.yml). */
:root {
  --telma-blue: #0084FF;
  --telma-navy: #0B2540;
  --telma-coral: #FF6B6B;
  --telma-teal: #22D3C5;
  --telma-mist: #E5EAF1;
}

[data-md-color-scheme="default"] {
  --md-primary-fg-color: var(--telma-navy);
  --md-primary-fg-color--light: #1B3A5C;
  --md-primary-fg-color--dark: #07182B;
  --md-primary-bg-color: #FFFFFF;
  --md-primary-bg-color--light: rgba(255, 255, 255, 0.7);
  --md-accent-fg-color: var(--telma-coral);
  --md-accent-fg-color--transparent: rgba(255, 107, 107, 0.1);
  --md-typeset-a-color: var(--telma-blue);
  --md-footer-bg-color: var(--telma-navy);
  --md-footer-bg-color--dark: #07182B;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: var(--telma-navy);
  --md-primary-fg-color--light: #1B3A5C;
  --md-primary-fg-color--dark: #07182B;
  --md-primary-bg-color: #FFFFFF;
  --md-primary-bg-color--light: rgba(255, 255, 255, 0.7);
  --md-accent-fg-color: var(--telma-coral);
  --md-accent-fg-color--transparent: rgba(255, 107, 107, 0.1);
  --md-typeset-a-color: #4DA8FF;
  --md-footer-bg-color: #07182B;
  --md-footer-bg-color--dark: #050F1C;
}

/* Fond brume de la charte en mode clair, contenu sur blanc. */
[data-md-color-scheme="default"] body,
[data-md-color-scheme="default"] .md-main {
  background-color: var(--telma-mist);
}
[data-md-color-scheme="default"] .md-content {
  background-color: #FFFFFF;
  border-radius: 0.4rem;
  margin: 1.2rem 0;
}

/* Onglets dans le marine de l'en-tête, onglet actif souligné de turquoise. */
.md-tabs {
  background-color: var(--telma-navy);
}
.md-tabs__item--active .md-tabs__link {
  box-shadow: inset 0 -3px 0 var(--telma-teal);
}

/* Le logo est un mot-symbole (« telma ») : plus large que haut. */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 1.6rem;
  width: auto;
}
.md-nav__button.md-logo img {
  height: 2.4rem;
  width: auto;
}

/* Titres collants des barres latérales sur le fond brume. */
@media screen and (min-width: 76.25em) {
  [data-md-color-scheme="default"] .md-sidebar .md-nav__title,
  [data-md-color-scheme="default"] .md-nav--lifted > .md-nav__list > .md-nav__item--active > .md-nav__link {
    background-color: var(--telma-mist);
    box-shadow: 0 0 0.4rem 0.4rem var(--telma-mist);
  }
}