/* ==========================================================================
   Variables CSS par univers
   ========================================================================== */

/* ==========================================================================
   Mode clair (défaut)
   ========================================================================== */

[data-univers="fabnum"] {
  --couleur-header-fond: #4a0a0a;
  --couleur-footer-fond: #4a0a0a;
  --couleur-footer-lien: #e8a0a0;
  --couleur-lien: #650303;
  --couleur-lien-visite: #4a0a0a;
  --couleur-lien-survol: #8a1010;
  --couleur-lien-focus: #650303;
  --couleur-fond-secondaire: #fdf5f5;
  --couleur-accent: #650303;
}

[data-univers="musia"] {
  --couleur-header-fond: #1a3a1a;
  --couleur-footer-fond: #1a3a1a;
  --couleur-footer-lien: #a0d0a0;
  --couleur-lien: #2a5a2a;
  --couleur-lien-visite: #1a3a1a;
  --couleur-lien-survol: #3a7a3a;
  --couleur-lien-focus: #2a5a2a;
  --couleur-fond-secondaire: #f0f5f0;
  --couleur-accent: #2a5a2a;
}

[data-univers="iron"] {
  --couleur-header-fond: #2a3540;
  --couleur-footer-fond: #2a3540;
  --couleur-footer-lien: #a0b0c0;
  --couleur-lien: #3a4a5a;
  --couleur-lien-visite: #2a3540;
  --couleur-lien-survol: #5a6a7a;
  --couleur-lien-focus: #3a4a5a;
  --couleur-fond-secondaire: #f2f4f6;
  --couleur-accent: #3a4a5a;
}

/* ==========================================================================
   Mode sombre — activation manuelle
   ========================================================================== */

[data-univers="fabnum"][data-theme="sombre"] {
  --couleur-header-fond: #2a0505;
  --couleur-footer-fond: #2a0505;
  --couleur-footer-lien: #e8a0a0;
  --couleur-lien: #e07070;
  --couleur-lien-visite: #d06060;
  --couleur-lien-survol: #f09090;
  --couleur-lien-focus: #e07070;
  --couleur-fond-secondaire: #1a1215;
  --couleur-accent: #e07070;
}

[data-univers="musia"][data-theme="sombre"] {
  --couleur-header-fond: #0d200d;
  --couleur-footer-fond: #0d200d;
  --couleur-footer-lien: #a0d0a0;
  --couleur-lien: #70c070;
  --couleur-lien-visite: #60b060;
  --couleur-lien-survol: #90d090;
  --couleur-lien-focus: #70c070;
  --couleur-fond-secondaire: #121a12;
  --couleur-accent: #70c070;
}

[data-univers="iron"][data-theme="sombre"] {
  --couleur-header-fond: #151e25;
  --couleur-footer-fond: #151e25;
  --couleur-footer-lien: #a0b0c0;
  --couleur-lien: #7090b0;
  --couleur-lien-visite: #6080a0;
  --couleur-lien-survol: #90a8c0;
  --couleur-lien-focus: #7090b0;
  --couleur-fond-secondaire: #151a20;
  --couleur-accent: #7090b0;
}

/* ==========================================================================
   Mode sombre — détection automatique
   ========================================================================== */

@media (prefers-color-scheme: dark) {
  [data-univers="fabnum"]:not([data-theme="clair"]) {
    --couleur-header-fond: #2a0505;
    --couleur-footer-fond: #2a0505;
    --couleur-footer-lien: #e8a0a0;
    --couleur-lien: #e07070;
    --couleur-lien-visite: #d06060;
    --couleur-lien-survol: #f09090;
    --couleur-lien-focus: #e07070;
    --couleur-fond-secondaire: #1a1215;
    --couleur-accent: #e07070;
  }

  [data-univers="musia"]:not([data-theme="clair"]) {
    --couleur-header-fond: #0d200d;
    --couleur-footer-fond: #0d200d;
    --couleur-footer-lien: #a0d0a0;
    --couleur-lien: #70c070;
    --couleur-lien-visite: #60b060;
    --couleur-lien-survol: #90d090;
    --couleur-lien-focus: #70c070;
    --couleur-fond-secondaire: #121a12;
    --couleur-accent: #70c070;
  }

  [data-univers="iron"]:not([data-theme="clair"]) {
    --couleur-header-fond: #151e25;
    --couleur-footer-fond: #151e25;
    --couleur-footer-lien: #a0b0c0;
    --couleur-lien: #7090b0;
    --couleur-lien-visite: #6080a0;
    --couleur-lien-survol: #90a8c0;
    --couleur-lien-focus: #7090b0;
    --couleur-fond-secondaire: #151a20;
    --couleur-accent: #7090b0;
  }
}
