/* Aligne les couleurs de la doc sur la palette Tailwind réelle du Control
 * Panel (teal-500/700, indigo-500/600) — les teintes "teal"/"indigo" par
 * défaut de Material Design ont le même nom mais des valeurs hex différentes.
 * Même sélecteur que Material (voir palette.*.min.css), chargé après lui :
 * gagne à égalité de spécificité sans !important.
 */
[data-md-color-primary="teal"] {
  --md-primary-fg-color: #14b8a6; /* teal-500 */
  --md-primary-fg-color--light: #5eead4; /* teal-300 */
  --md-primary-fg-color--dark: #0f766e; /* teal-700 */
}

/* Material redéfinit --md-typeset-a-color avec un sélecteur combiné
 * [data-md-color-scheme][data-md-color-primary] (spécificité 0,2,0) qui
 * l'emporterait sur la règle ci-dessus (0,1,0) même chargée après —
 * il faut le même niveau de spécificité pour chaque thème. */
[data-md-color-scheme="default"][data-md-color-primary="teal"],
[data-md-color-scheme="slate"][data-md-color-primary="teal"] {
  --md-typeset-a-color: #4f46e5; /* indigo-600 — cohérent avec les liens/accents indigo de l'app */
}

[data-md-color-accent="indigo"] {
  --md-accent-fg-color: #6366f1; /* indigo-500 */
  --md-accent-fg-color--transparent: #6366f11a;
  --md-accent-bg-color: #fff;
  --md-accent-bg-color--light: #ffffffb3;
}