/* ================================================
   Variables CSS globales – thème clair / sombre auto
   ================================================= */

:root {
  /* Couleurs du sélecteur d’espace */
  --audbar-base:  #232e63;
  --audbar-hover: #8290a0;
  --audbar-focus: #081B73;

  /* Couleurs de fond globales */
  --bg-light: #F2F4FF;
  --text-main: #2c5089;
}

/* Mode sombre basé sur les préférences système */
@media (prefers-color-scheme: dark) {
  :root {
    --audbar-base:  #91A4F7;
    --audbar-hover: #6680F4;
    --audbar-focus: #3B5DF1;

    --bg-light: #012248;
    --text-main: #C8D3FF;
  }
}