/* ============================================================
   ONYRÊVE — Thème couleurs partagé (nuit / jour)
   Un seul fichier à modifier pour changer la palette du site.
   Chargé par toutes les pages sauf onyreve_v6.html (theme-v6.css)
   ============================================================ */

:root{
  /* --- Palette nuit (défaut) — Crépuscule --- */
  --bg:#26314A;
  --nuit:#26314A;   /* alias utilisé par index.html / mineraux.html */
  --nuit2:#303F60;  /* alias — variante dégradé */
  --or:#E3C169;
  --or2:#EDD08C;
  --clair:#F5EFDD;
  --texte:#DAD3C2;
  --muted:rgba(18,15,10,.65); /* remplacé dynamiquement ci-dessous en nuit réelle */
  --border:rgba(227,193,105,.13);
  --r:8px;

  /* --- Composantes RGB (pour rgba(var(--x-rgb), alpha) à alpha variable) --- */
  --or-rgb:227,193,105;
  --muted-rgb:178,188,214;
  --texte-rgb:218,211,194;
  --clair-rgb:245,239,221;
  --card1-rgb:46,61,98;
  --card2-rgb:46,58,88;
  --nav-rgb:35,43,62;

  /* --- Texte sur bouton doré (adaptatif) --- */
  --btn-text:#0B1628;

  /* --- muted en nuit réelle (corrige la valeur générique ci-dessus) --- */
  --muted:rgba(178,188,214,.65);
}

/* ============================================================
   Palette jour — Aube dorée
   ============================================================ */
html[data-theme="jour"]{
  --bg:#F6F1E4;
  --nuit:#F6F1E4;
  --nuit2:#FFFFFF;
  --or:#6A521C;
  --or2:#8A6A24;
  --clair:#1A160F;
  --texte:#3A3527;
  --border:rgba(106,82,28,.2);

  --or-rgb:106,82,28;
  --muted-rgb:8,7,5;
  --texte-rgb:8,7,5;
  --clair-rgb:26,22,15;
  --card1-rgb:255,255,255;
  --card2-rgb:255,252,244;
  --nav-rgb:255,255,255;

  --btn-text:#FBF7EC;

  --muted:rgba(8,7,5,.7);
}

/* ============================================================
   Bouton bascule jour/nuit — commun à toutes les pages
   ============================================================ */
.theme-toggle{
  background:none;
  border:1px solid rgba(var(--or-rgb),.3);
  color:var(--or);
  width:28px;height:28px;
  border-radius:50%;
  font-size:12px;
  cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  transition:all .25s;
  margin-left:10px;
  font-family:inherit;line-height:1;
}
.theme-toggle:hover{
  background:rgba(var(--or-rgb),.12);
  border-color:rgba(var(--or-rgb),.6);
}