@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  --md-primary-fg-color: #26415E;
  --md-primary-fg-color--light: #3A5A80;
  --md-primary-fg-color--dark: #1A2E44;
  --md-accent-fg-color: #B8722C;

  --md-default-bg-color: #FAF9F6;
  --md-default-fg-color: #1C1C1A;
  --md-default-fg-color--light: #4A4A46;
}

/* Titres : Space Grotesk, un peu plus dense que le corps de texte */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-content h1 {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  letter-spacing: -0.01em;
}

/* Code : JetBrains Mono */
.md-typeset code,
.md-typeset pre {
  font-family: 'JetBrains Mono', monospace;
}

/* Bandeau du haut : léger quadrillage façon papier millimétré */
.md-header {
  background-color: #26415E;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size: 16px 16px;
}

.md-header__title {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
}

/* Labels type "Production :" en début de section : accent ambre plutôt que bleu générique */
.md-typeset strong {
  color: #26415E;
}

/* Liens : ambre atelier plutôt que le bleu indigo par défaut de Material */
.md-typeset a {
  color: #B8722C;
}
.md-typeset a:hover {
  color: #26415E;
}

/* Menu latéral : distinguer clairement les groupes de domaines des fiches qu'ils contiennent */
.md-nav__item--section > .md-nav__link {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  color: #26415E;
  text-transform: uppercase;
  font-size: 0.68rem;
  letter-spacing: 0.04em;
  margin-top: 0.6em;
}

.md-nav__link {
  color: #4A4A46;
  border-left: 2px solid transparent;
  padding-left: 0.6em;
  transition: color 0.15s, border-color 0.15s;
}

.md-nav__link:hover {
  color: #B8722C;
}

.md-nav__link--active {
  color: #B8722C !important;
  font-weight: 600;
  border-left: 2px solid #B8722C;
}

.md-nav__title {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  color: #26415E;
}