/* ==========================================================================
   Rezi · tema luminoasă (opțională; implicit rămâne „Seră de noapte”, întunecată)
   Se activează cu <html data-theme="light"> (web/js/tema.js; alegerea e pe cont și pe dispozitiv).
   Aceleași roluri ca în app.css / platforma.css, cu valori pentru fundal deschis.
   Paleta tipurilor de task e validată cu dataviz/validate_palette.js (light, suprafața #ffffff), în aceeași ordine:
   simulare, anki, citire, grile, erori. Nu reordona culorile.
   ========================================================================== */
:root[data-theme="light"] {
  color-scheme: light;
  /* suprafețe */
  --bg-0: #eef2ef;
  --bg-1: #f6f8f6;
  --bg-2: #ffffff;
  --bg-3: #edf1ee;
  --bg-4: #e3e9e5;
  --line: #dde5e0;
  --line-2: #cbd6cf;
  /* text */
  --ink-1: #14201a;
  --ink-2: #3a4a42;
  --ink-3: #5f7067;
  --ink-4: #8a998f;
  /* accente (lizibile ca text pe alb) */
  --amber: #946410;
  --amber-soft: rgba(176, 125, 30, 0.12);
  --moss: #1f7a52;
  --moss-soft: rgba(31, 122, 82, 0.10);
  --coral: #b4462a;
  --coral-soft: rgba(180, 70, 42, 0.10);
  /* tipuri de task */
  --t-simulare: #9a6b12;
  --t-anki: #7b52b8;
  --t-citire: #1f8a5f;
  --t-grile: #2f67c4;
  --t-erori: #c0522b;
  --t-altul: #6b7a72;
  /* secvențial (ore de studiu), deschis → închis */
  --seq-0: #edf1ee;
  --seq-1: #cde6d7;
  --seq-2: #9bd0b2;
  --seq-3: #5eb185;
  --seq-4: #2b8d5f;
  --seq-5: #1b6644;
  /* pistele graficelor și ale barelor de progres */
  --track: #e3e9e5;
  --track-2: #d3ddd7;
  --shadow: 0 8px 24px rgba(20, 45, 32, 0.08), 0 1px 2px rgba(20, 45, 32, 0.06);
  /* platforma */
  --accent-ink: #ffffff;
  --accent-soft: rgba(31, 122, 82, 0.10);
  --panel: #ffffff;
}

:root[data-theme="light"] body { background: radial-gradient(1100px 600px at 70% -20%, rgba(43, 154, 111, 0.08), transparent 60%), var(--bg-0); }

/* butoane, câmpuri, comutatoare */
:root[data-theme="light"] .btn:hover { border-color: #b7c5bd; }
:root[data-theme="light"] .btn.primary:hover { background: #18663f; border-color: #18663f; }
:root[data-theme="light"] .btn.amber { background: rgba(176, 125, 30, .12); border-color: rgba(176, 125, 30, .45); color: #7a520c; }
:root[data-theme="light"] input:focus, :root[data-theme="light"] select:focus, :root[data-theme="light"] textarea:focus { border-color: var(--moss); }
:root[data-theme="light"] .switch.on { background: #cfe9da; }
:root[data-theme="light"] .switch.part { background: rgba(31, 122, 82, .2); }
:root[data-theme="light"] .snd-search input:focus { border-color: var(--moss); }

/* bordurile de hover puse direct în culoare */
:root[data-theme="light"] .tl .blk:hover,
:root[data-theme="light"] .opt:hover,
:root[data-theme="light"] .onb-card:hover,
:root[data-theme="light"] .gmode button:hover,
:root[data-theme="light"] .onb-bloc:hover,
:root[data-theme="light"] .snd-chips button:hover,
:root[data-theme="light"] .snd-auto:hover .switch { border-color: #b7c5bd; }
:root[data-theme="light"] .task:hover { background: var(--bg-1); }

/* bare de progres, tooltip, etichete de sursă */
:root[data-theme="light"] .passbar .track,
:root[data-theme="light"] .tree .prog { background: var(--track); }
:root[data-theme="light"] .tip { background: #ffffff; border-color: var(--line-2); color: var(--ink-1); box-shadow: 0 10px 30px rgba(20, 45, 32, .14); }
:root[data-theme="light"] .src.oficial { color: #855a0d; border-color: rgba(176, 125, 30, .45); }
:root[data-theme="light"] .src.claude { color: #6a46a6; border-color: rgba(123, 82, 184, .4); }
:root[data-theme="light"] .src.sner { color: #2c5ca8; border-color: rgba(47, 103, 196, .4); }
:root[data-theme="light"] .mcell.sun { background: var(--bg-3); }
:root[data-theme="light"] .mcell.today { border-color: rgba(176, 125, 30, .6); box-shadow: inset 0 0 0 1px rgba(176, 125, 30, .25); }
:root[data-theme="light"] .mcell .ev.sim { color: #855a0d; }
:root[data-theme="light"] .mcell .ev.vac { color: #6a46a6; }
:root[data-theme="light"] .opt.sel .L, :root[data-theme="light"] .opt.ok .L, :root[data-theme="light"] .opt.bad .L { color: #ffffff; }
:root[data-theme="light"] .std-counts .n, :root[data-theme="light"] .std-btn.e4 b { color: #2c5ca8; }
:root[data-theme="light"] .std-btn.e4 { border-color: rgba(47, 103, 196, .4); }
:root[data-theme="light"] .std-frame { background: #ffffff; }

/* ecranul de intrare și meniul de pe telefon */
:root[data-theme="light"] .auth-art {
  background: radial-gradient(700px 500px at 20% 10%, rgba(43, 154, 111, .16), transparent 60%), radial-gradient(600px 500px at 90% 90%, rgba(226, 184, 114, .14), transparent 60%), #e6efe9; }
:root[data-theme="light"] .side { box-shadow: none; }
@media (max-width: 900px) {
  :root[data-theme="light"] .side { box-shadow: 20px 0 50px rgba(20, 45, 32, .18); }
  :root[data-theme="light"] .shell.nav-open .side-bg { background: rgba(20, 32, 26, .35); }
  :root[data-theme="light"] .topbar { background: rgba(246, 248, 246, .92); }
}
:root[data-theme="light"] .onb-si.drag { box-shadow: 0 10px 28px rgba(20, 45, 32, .15); }

/* Grădina: varianta de zi (cerul și luna le desenează plant.js după temă) */
:root[data-theme="light"] .garden-wrap { background: linear-gradient(180deg, #dcefe6 0%, #e8f3ec 55%, #f1f7f2 100%); }
:root[data-theme="light"] .garden-stats { background: rgba(255, 255, 255, .7); }
:root[data-theme="light"] .timer-card { background: radial-gradient(500px 300px at 20% 110%, rgba(43, 154, 111, .12), transparent 70%), linear-gradient(180deg, var(--bg-2), var(--bg-1)); }

/* butonul Sunete */
:root[data-theme="light"] .snd-play { box-shadow: 0 12px 30px rgba(20, 45, 32, .18), 0 0 40px rgba(226, 184, 114, .25); }