/* Couleurs exactes de l'application MyAstreinte (cf. frontend/src/index.css).
   Material expose primary/accent via des variables --md-* que l'on surcharge
   pour coller au bleu primaire de l'app, en clair comme en sombre. */

/* ── Thème clair (scheme: default) ── */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:        #3B82F6; /* --c-primary 59 130 246 */
  --md-primary-fg-color--light: #60A5FA;
  --md-primary-fg-color--dark:  #2563EB; /* --c-primary-hover */
  --md-accent-fg-color:         #2563EB;

  --md-primary-bg-color:        #FFFFFF; /* texte sur la barre = on-accent */
  --md-primary-bg-color--light: #FFFFFF;

  --md-default-bg-color:        #F4F6FA; /* --c-bg 244 246 250 */
  --md-typeset-a-color:         #2563EB;
}

/* ── Thème sombre (scheme: slate) ── */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #4D8DF8; /* --c-primary sombre 77 141 248 */
  --md-primary-fg-color--light: #6AA0FA;
  --md-primary-fg-color--dark:  #3B82F6;
  --md-accent-fg-color:         #6AA0FA;

  --md-primary-bg-color:        #FFFFFF;
  --md-primary-bg-color--light: #E6EAF0;

  --md-default-bg-color:        #0D1117; /* --c-bg sombre 13 17 23 */
  --md-default-fg-color:        #E6EAF0; /* --c-text sombre */
  --md-typeset-a-color:         #6AA0FA;
}

/* Coins arrondis façon app (borderRadius xl = 0.75rem) sur les images des guides */
.md-typeset img {
  border-radius: 0.75rem;
}