/* teme.css · combinațiile de culori ale elevului (C412): trei palete, la alegerea lui, peste modul deschis / închis (C303, C262).
   Mecanism: atributul `data-culori="1|2|3"` pe <html> (progres.js: `aplicaPreferinte`, preferința `culori` din `3dl:pref`); fără atribut = paleta 1.
   Paleta 1 = culorile de azi ale lecției (cele din app.css; proprietarului îi plac, C412): NU se redefinește aici.
   Paletele 2 și 3 sunt PROPUNERI de pregătit pentru pagina-etalon (3.1.5): una caldă (hârtie crem + teracotă), una rece (mentă + albastru-verzui);
   nimic strident; contrast ≥ 4,5:1 pentru text pe fond (calculat în teme.test.js). Redefinesc doar simbolurile de fundal, linie, text și culoarea principală;
   culorile semantice (corect / greșit / avertisment) rămân ale lecției.
   Valorile mari (scena 3D, aplicația veche) citesc aceleași simboluri (var(--pri) …), deci urmează paleta. */

/* ---- paleta 1: culorile de azi (app.css) ---- */
/* :root[data-culori="1"] { }  /* intenționat gol */

/* ---- paleta 2: caldă ---- */
:root[data-culori="2"]{
  --bg:#fbf5ee; --bg2:#f3e9dc; --surface:#fffdf9; --surface2:#fbf3e8; --line:#ead9c3; --ink:#2f2118; --mute:#6f5a49; --faint:#a6927e;
  --pri:#b84a1b; --pri-d:#8f3610; --pri-l:#fbe6da; --pri-ink:#ffffff; --grid:#f0e3d2; --axis:#4a3829;
}
:root[data-culori="2"][data-theme="dark"]{
  --bg:#1f1812; --bg2:#27201a; --surface:#2b231c; --surface2:#332a22; --line:#4a3d31; --ink:#fbf1e6; --mute:#cdb9a3; --faint:#8f7d6b;
  --pri:#ff9a63; --pri-d:#f08a52; --pri-l:#4a3022; --pri-ink:#2a1608; --grid:#3d3228; --axis:#e5d3bf;
}
@media (prefers-color-scheme:dark){:root[data-culori="2"]:not([data-theme="light"]){
  --bg:#1f1812; --bg2:#27201a; --surface:#2b231c; --surface2:#332a22; --line:#4a3d31; --ink:#fbf1e6; --mute:#cdb9a3; --faint:#8f7d6b;
  --pri:#ff9a63; --pri-d:#f08a52; --pri-l:#4a3022; --pri-ink:#2a1608; --grid:#3d3228; --axis:#e5d3bf;
}}

/* ---- paleta 3: rece ---- */
:root[data-culori="3"]{
  --bg:#eff7f6; --bg2:#e0eeec; --surface:#ffffff; --surface2:#f3faf9; --line:#d0e5e2; --ink:#14292a; --mute:#4a6667; --faint:#8fabab;
  --pri:#0d7377; --pri-d:#085558; --pri-l:#d9f0ef; --pri-ink:#ffffff; --grid:#e0eeec; --axis:#2c4b4c;
}
:root[data-culori="3"][data-theme="dark"]{
  --bg:#0f1d1e; --bg2:#142627; --surface:#182b2c; --surface2:#1e3637; --line:#2b4a4b; --ink:#e9fbfa; --mute:#a9cccc; --faint:#6b8f90;
  --pri:#4fd1c5; --pri-d:#3cc0b4; --pri-l:#173b3b; --pri-ink:#062a2a; --grid:#233f40; --axis:#c4e4e3;
}
@media (prefers-color-scheme:dark){:root[data-culori="3"]:not([data-theme="light"]){
  --bg:#0f1d1e; --bg2:#142627; --surface:#182b2c; --surface2:#1e3637; --line:#2b4a4b; --ink:#e9fbfa; --mute:#a9cccc; --faint:#6b8f90;
  --pri:#4fd1c5; --pri-d:#3cc0b4; --pri-l:#173b3b; --pri-ink:#062a2a; --grid:#233f40; --axis:#c4e4e3;
}}

/* butonul care schimbă paleta (lângă comutatorul temei): arată paleta curentă */
.accbtn{background:linear-gradient(135deg,var(--surface) 50%,var(--pri-l) 50%)}
.accbtn i{background:var(--pri)}