/* ============================================================
 *  Peerly — Modes (neutres clairs/sombres)
 *  Neutres chauds : jamais de gris purs
 * ============================================================ */

/* ------------------------------------------------------------
 *  SOMBRE — noir chaud, presque noir, jamais pur
 * ------------------------------------------------------------ */
:root[data-mode="dark"] {
  --m-surface:                    #0F0E0D;
  --m-on-surface:                 #F5F4F1;
  --m-surface-variant:            #2A2827;
  --m-on-surface-variant:         #8B8880;
  --m-surface-container-lowest:   #0A0908;
  --m-surface-container-low:      #151413;
  --m-surface-container:          #1A1917;
  --m-surface-container-high:     #201E1C;
  --m-surface-container-highest:  #262422;
  --m-outline:                    #6B6864;
  --m-outline-variant:            #2A2827;
}

/* ------------------------------------------------------------
 *  CLAIR — blanc cassé chaud, pas de #FFFFFF en fond
 * ------------------------------------------------------------ */
:root[data-mode="light"] {
  --m-surface:                    #FAF9F7;
  --m-on-surface:                 #1A1917;
  --m-surface-variant:            #EBE9E5;
  --m-on-surface-variant:         #6B6864;
  --m-surface-container-lowest:   #FFFFFF;
  --m-surface-container-low:      #FFFFFF;
  --m-surface-container:          #F5F3EF;
  --m-surface-container-high:     #EBE9E5;
  --m-surface-container-highest:  #E0DDD8;
  --m-outline:                    #8B8880;
  --m-outline-variant:            #D9D6D0;
}

/* ------------------------------------------------------------
 *  Fallback : dark
 * ------------------------------------------------------------ */
:root:not([data-mode]) {
  --m-surface:                    #0F0E0D;
  --m-on-surface:                 #F5F4F1;
  --m-surface-variant:            #2A2827;
  --m-on-surface-variant:         #8B8880;
  --m-surface-container-lowest:   #0A0908;
  --m-surface-container-low:      #151413;
  --m-surface-container:          #1A1917;
  --m-surface-container-high:     #201E1C;
  --m-surface-container-highest:  #262422;
  --m-outline:                    #6B6864;
  --m-outline-variant:            #2A2827;
}