/* Pour mettre à l'identité visuelle de metasalon */

.md-header {
    background-color: #ffffff !important;
    border-bottom: 1px solid #ddd;
  }
.md-header__title, .md-header__topic {
    color: #88304e !important;
}

/* Applique le fond à l'élément HTML racine */
.md-main {
  background-color: #ae3d64;  /* ou ton dégradé préféré */
}

/* Enlève le fond blanc par défaut du conteneur principal */
.md-container {
  background: transparent !important;
}

/* Assure-toi que le fond blanc du contenu reste lisible */
.md-main__inner {
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
  padding: 1rem;
}

:root,
[data-md-color-scheme="default"] {
  /* Couleur des liens dans le contenu */
  --md-typeset-a-color: #88304e;          /* liens */
  --md-accent-fg-color: #88304e;          /* accents (boutons, focus…) */
  --md-mermaid-node-bg-color: #c5597e47;

  /* (Optionnel) couleurs Mermaid globales via CSS (fallback si pas d'init Mermaid) */

}

/* Thème sombre */
[data-md-color-scheme="slate"] {
  --md-typeset-a-color: #7ec3ff;
  --md-accent-fg-color: #7ec3ff;
}

/* Vars (tes couleurs) */
:root{
  --mermaid-node-fill:#c5597e;
  --mermaid-node-stroke:#88304e;
  --mermaid-edge-stroke:#88304e;
  --mermaid-text:#0b2b43;
}

/* ==== MERMAID — overrides même si Mermaid met du style inline ==== */

/* 1) Class diagram : boîtes + séparateurs */
.md-typeset .mermaid svg g.classGroup > rect{
  fill:var(--mermaid-node-fill) !important;
  stroke:var(--mermaid-node-stroke) !important;
  stroke-width:1.5px !important;
}
.md-typeset .mermaid svg g.classGroup > line{
  stroke:var(--mermaid-node-stroke) !important;
}

/* 2) Attr-catch : si Mermaid met un style inline, on l’écrase */
.md-typeset .mermaid svg [style*="fill:"]{
  fill:var(--mermaid-node-fill) !important;
}
.md-typeset .mermaid svg [style*="stroke:"]{
  stroke:var(--mermaid-node-stroke) !important;
}

/* 3) Arêtes / flèches (tu avais déjà la bonne couleur) */
.md-typeset .mermaid svg .edgePath path,
.md-typeset .mermaid svg .relationshipLine{
  stroke:var(--mermaid-edge-stroke) !important;
}
.md-typeset .mermaid svg marker path{
  fill:var(--mermaid-edge-stroke) !important;
}

/* 4) Texte */
.md-typeset .mermaid svg text,
.md-typeset .mermaid svg .label{
  fill:var(--mermaid-text) !important;
}