/* BILLIONNAIRE AI — palettes optionnelles.
   Chargée après reference.css : chaque palette remplace le même jeu de variables.
   Le thème clair (body.light) reste prioritaire, d'où le :not(.light).
   Ajouter une palette = ajouter un bloc body[data-palette="..."]. */

body[data-palette]{ --accent-ink:#0a0f02; }

/* Noir profond + lime : rendu historique de reference.css. */
body[data-palette="noir-lime"]:not(.light){
  --bg:#050506; --panel:#0a0a0c; --panel2:#121216; --line:#212127;
  --txt:#f7f7fa; --muted:#9797a1;
  --green:#c9f94b; --accent:#c9f94b; --action:#c9f94b;
  --gold:#e6c76a; --success:#c9f94b; --red:#ff5a62;
  --sidebar:#050506; --radius:22px; --accent-ink:#0a0f02;
  background:var(--bg); color:var(--txt);
}

/* Bleu nuit + or : palette d'origine du projet. */
body[data-palette="bleu-nuit"]:not(.light){
  --bg:#0b1020; --panel:#141d31; --panel2:#1d2942; --line:#2a3852;
  --txt:#f2f5fc; --muted:#a8b5cd;
  --green:#8ab4ff; --accent:#8ab4ff; --action:#2563eb;
  --gold:#e4be72; --success:#63d8ad; --red:#ffa2a8;
  --sidebar:#0d1426; --radius:16px; --accent-ink:#ffffff;
  background:var(--bg); color:var(--txt);
}

/* Violet nuit + menthe : relevé sur les captures fournies. */
body[data-palette="violet-nuit"]:not(.light){
  --bg:#0a0714; --panel:#140f22; --panel2:#1b1430; --line:#2c2342;
  --txt:#f4f1fa; --muted:#9c95ae;
  --green:#a78bfa; --accent:#a78bfa; --action:#8b5cf6;
  --gold:#f0d07c; --success:#7be8c4; --red:#ff6b7a;
  --sidebar:#08060f; --radius:22px; --accent-ink:#1a1030;
  background:var(--bg); color:var(--txt);
}

/* Teintes dérivées : reference.css les figeait en dur sur le lime.
   Exprimées ici à partir de la palette active, donc valables pour toutes. */
body[data-palette] .topbar{
  background:color-mix(in srgb, var(--bg) 91%, transparent);
}
body[data-palette] input:focus,
body[data-palette] select:focus,
body[data-palette] textarea:focus{
  border-color:var(--green);
  box-shadow:none;outline:2px solid color-mix(in srgb, var(--green) 55%, transparent);outline-offset:2px;
}
body[data-palette] .ui-icon{
  --icon-bg:color-mix(in srgb, var(--green) 7%, transparent);
  --icon-line:color-mix(in srgb, var(--green) 15%, transparent);
}
body[data-palette] .mobile-nav a.active{
  background:var(--green)!important;
  color:var(--accent-ink)!important;
  box-shadow:0 6px 20px rgba(0,0,0,.18);
}
body[data-palette] .home-lion-motion{ background:var(--panel); }
body[data-palette] .quest-card{
  background:linear-gradient(135deg,var(--panel2),var(--panel));
}
body[data-palette] .quest-card:after{
  background:radial-gradient(circle,color-mix(in srgb, var(--green) 9%, transparent),transparent 65%);
}
body[data-palette] .quest-badge.on{
  color:var(--green);
  border-color:color-mix(in srgb, var(--green) 20%, transparent);
  background:color-mix(in srgb, var(--green) 6%, transparent);
}
body[data-palette] .quest-bar span{
  box-shadow:0 0 12px rgba(0,0,0,.18);
}
body[data-palette] .quest-badge.quest-new{ animation-name:palette-badge-pop; }
@keyframes palette-badge-pop{
  0%{ transform:scale(.82); box-shadow:0 0 0 0 transparent; }
  60%{ transform:scale(1.06); }
  100%{ transform:none; box-shadow:0 0 0 12px transparent; }
}