/* Temă luminoasă (stil Yazio): fundal gri foarte deschis, carduri albe, text negru, butoane negre. Se activează cu <html data-theme="light"> */
html[data-theme='dark'] {
  color-scheme: dark;
}
html[data-theme='light'] {
  color-scheme: light;
}
html[data-theme='light'],
html[data-theme='light'] body {
  background: #f2f4f7;
  color: #0f1115;
}
html[data-theme='light'] body {
  background: #f2f4f7;
}

/* ---- clase Tailwind folosite direct în șabloane ---- */
html[data-theme='light'] .bg-black {
  background: #f2f4f7;
}
html[data-theme='light'] .bg-white {
  background: #111;
}
html[data-theme='light'] .text-black {
  color: #fff;
}
html[data-theme='light'] .text-white {
  color: #0f1115;
}
html[data-theme='light'] .border-white {
  border-color: #111;
}
html[data-theme='light'] .text-zinc-200 {
  color: #1f2937;
}
html[data-theme='light'] .text-zinc-300 {
  color: #374151;
}
html[data-theme='light'] .text-zinc-400,
html[data-theme='light'] .text-zinc-500,
html[data-theme='light'] .text-slate-400 {
  color: #6b7280;
}
html[data-theme='light'] .text-zinc-600 {
  color: #9ca3af;
}
html[data-theme='light'] .text-zinc-700 {
  color: #d1d5db;
}
html[data-theme='light'] .text-zinc-800 {
  color: #e5e7eb;
}
html[data-theme='light'] .bg-surf {
  background: #fff;
}
html[data-theme='light'] .bg-surf2 {
  background: #f3f4f6;
}
html[data-theme='light'] .bg-zinc-800 {
  background: #e5e7eb;
}
html[data-theme='light'] .bg-zinc-300 {
  background: #6b7280;
}
html[data-theme='light'] .bg-zinc-600 {
  background: #9ca3af;
}
html[data-theme='light'] .border-zinc-800,
html[data-theme='light'] .border-zinc-800\/60 {
  border-color: #e8eaee;
}
html[data-theme='light'] .divide-zinc-800\/60 > :not([hidden]) ~ :not([hidden]) {
  border-color: #eef0f3;
}

/* ---- componente ---- */
html[data-theme='light'] .lt,
html[data-theme='light'] .h2,
html[data-theme='light'] .t {
  color: #0f1115;
}
html[data-theme='light'] .sub,
html[data-theme='light'] .cap,
html[data-theme='light'] .s,
html[data-theme='light'] .mut,
html[data-theme='light'] .empty,
html[data-theme='light'] .lbl {
  color: #6b7280;
}
html[data-theme='light'] .verdict {
  color: #4b5563;
}
html[data-theme='light'] .card,
html[data-theme='light'] .tile,
html[data-theme='light'] .list,
html[data-theme='light'] .meal {
  background: #fff;
  border-color: #e8eaee;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}
html[data-theme='light'] .li + .li::before,
html[data-theme='light'] .mrow::before {
  background: #eef0f3;
}
html[data-theme='light'] button.li:active {
  background: #f3f4f6;
}
html[data-theme='light'] .ico,
html[data-theme='light'] .thumb {
  background: #f3f4f6;
  color: #6b7280;
}
html[data-theme='light'] .thumb svg {
  color: #9ca3af;
}
html[data-theme='light'] .pill,
html[data-theme='light'] .chip,
html[data-theme='light'] .ibtn {
  background: #fff;
  border-color: #e8eaee;
  color: #374151;
}
html[data-theme='light'] .pill svg {
  color: #6b7280;
}
html[data-theme='light'] .badge {
  border-color: #d1d5db;
  color: #374151;
}
html[data-theme='light'] .btn {
  background: #fff;
  border-color: #e5e7eb;
  color: #0f1115;
}
html[data-theme='light'] .btn.pri {
  background: #111;
  border-color: #111;
  color: #fff;
}
html[data-theme='light'] .btn.red {
  background: transparent;
  color: #dc2626;
}
html[data-theme='light'] .plus {
  background: #111;
  border-color: #111;
  color: #fff;
}
html[data-theme='light'] .in,
html[data-theme='light'] .stp-b,
html[data-theme='light'] .stp-v {
  background: #fff;
  border-color: #e5e7eb;
  color: #0f1115;
}
html[data-theme='light'] .in::placeholder {
  color: #9ca3af;
}
html[data-theme='light'] .in:focus {
  border-color: #111;
}
html[data-theme='light'] .key {
  background: #fff;
  border-color: #e8eaee;
  color: #0f1115;
}
html[data-theme='light'] .key:active {
  background: #e5e7eb;
}
html[data-theme='light'] .seg {
  background: #e9ebef;
}
html[data-theme='light'] .seg button {
  color: #6b7280;
}
html[data-theme='light'] .seg button.on {
  background: #fff;
  color: #0f1115;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.14);
}
html[data-theme='light'] .nbtn,
html[data-theme='light'] .emo button,
html[data-theme='light'] .slp button {
  background: #fff;
  border-color: #e5e7eb;
  color: #0f1115;
}
html[data-theme='light'] .nbtn small {
  color: #6b7280;
}
html[data-theme='light'] .nbtn.on,
html[data-theme='light'] .emo button.on,
html[data-theme='light'] .slp button.on {
  background: #111;
  border-color: #111;
  color: #fff;
}
html[data-theme='light'] .nbtn.on small {
  color: #d1d5db;
}
html[data-theme='light'] .act {
  background: #fff;
  border-color: #e8eaee;
}
html[data-theme='light'] .act span:not(.ico) {
  color: #6b7280;
}

/* bare sus/jos */
html[data-theme='light'] .topbar {
  background: rgba(242, 244, 247, 0.8);
  border-color: #e5e7eb;
}
html[data-theme='light'] .tabbar {
  background: rgba(255, 255, 255, 0.82);
  border-color: #e5e7eb;
}
html[data-theme='light'] .tab {
  color: #9ca3af;
}
html[data-theme='light'] .tab.on {
  color: #111;
}

/* sheet-uri, toast, comutator */
html[data-theme='light'] .scrim {
  background: rgba(15, 17, 21, 0.35);
}
html[data-theme='light'] .sheet {
  background: #fff;
  border-color: #e5e7eb;
}
html[data-theme='light'] .sheet.full {
  background: #000;
  color: #fff;
}
html[data-theme='light'] .grab {
  background: #d1d5db;
}
html[data-theme='light'] .toast {
  background: #111;
  color: #fff;
}
html[data-theme='light'] .sw {
  background: #d1d5db;
}
html[data-theme='light'] .sw.on {
  background: #10b981;
}
html[data-theme='light'] .spin {
  border-color: #e5e7eb;
  border-top-color: #111;
}
html[data-theme='light'] .avatar {
  background: #fff;
  border-color: #e5e7eb;
  color: #0f1115;
}
html[data-theme='light'] .pre {
  background: #f3f4f6;
  border-color: #e5e7eb;
  color: #374151;
}

/* arc, bare, grafic, consistență */
html[data-theme='light'] .mbar,
html[data-theme='light'] .hair {
  background: #e5e7eb;
}
html[data-theme='light'] .mbar i,
html[data-theme='light'] .hair i {
  background: #111 !important;
}
html[data-theme='light'] .mbar i.over {
  background: #f59e0b !important;
}
html[data-theme='light'] .heat i {
  background: #e9ebef;
}
html[data-theme='light'] .heat i.on {
  background: #111;
}
html[data-theme='light'] .heat i.part {
  background: #9ca3af;
}
html[data-theme='light'] .heat i.today {
  outline-color: #111;
}
html[data-theme='light'] :is(#view, .sheet) svg [stroke='#27272A'] {
  stroke: #e5e7eb;
}
html[data-theme='light'] :is(#view, .sheet) svg [stroke='#fff'] {
  stroke: #111;
}
html[data-theme='light'] :is(#view, .sheet) svg [stroke='#18181B'] {
  stroke: #eef0f3;
}
html[data-theme='light'] :is(#view, .sheet) svg [fill='#3F3F46'] {
  fill: #cbd5e1;
}
html[data-theme='light'] :is(#view, .sheet) [style*='background:#fff'] {
  background: #111 !important;
}
html[data-theme='light'] :is(#view, .sheet) [style*='background:#71717A'] {
  background: #9ca3af !important;
}
html[data-theme='light'] :is(#view, .sheet) [style*='background:#3F3F46'] {
  background: #d1d5db !important;
}

/* ecranul de pornire în tema luminoasă */
html[data-theme='light'] #splash {
  background: #f2f4f7;
}
html[data-theme='light'] #splash .sp-name {
  color: #111;
}
html[data-theme='light'] #splash .sp-arc {
  stroke: #111;
}
html[data-theme='light'] #splash path[stroke='#27272A'] {
  stroke: #e5e7eb;
}
html[data-theme='light'] #splash .sp-slogan {
  color: #6b7280;
}
html[data-theme='light'] #splash .sp-glow {
  background: radial-gradient(circle, rgba(16, 185, 129, 0.1), transparent 62%);
}

html[data-theme='light'] .acct {
  background: #111;
  color: #fff;
}
html[data-theme='light'] .acct.av {
  background: #fff;
  color: #0f1115;
  border: 1px solid #e5e7eb;
}

/* chestionar & ghid în tema luminoasă (seria rămâne închisă) */
html[data-theme='light'] :is(#onbo, #inst) {
  background: #f2f4f7;
  color: #0f1115;
}
html[data-theme='light'] :is(#onbo, #inst) :is(.ob-prog) {
  background: #e5e7eb;
}
html[data-theme='light'] .ob-prog i {
  background: #111;
}
html[data-theme='light'] .ob-body p,
html[data-theme='light'] #inst p {
  color: #6b7280;
}
html[data-theme='light'] .ob-opt,
html[data-theme='light'] .ob-plan,
html[data-theme='light'] .in-step {
  background: #fff;
  border-color: #e5e7eb;
}
html[data-theme='light'] .ob-opt.on {
  border-color: #111;
  background: #fff;
}
html[data-theme='light'] .ob-opt.on .ob-dot {
  box-shadow: inset 0 0 0 4px #fff;
}
html[data-theme='light'] .ob-dot {
  border-color: #d1d5db;
}
html[data-theme='light'] .ob-pm button {
  background: #fff;
  border-color: #e5e7eb;
  color: #111;
}
html[data-theme='light'] .rng::-webkit-slider-runnable-track {
  background: #d9dde3;
}
html[data-theme='light'] .rng::-webkit-slider-thumb {
  background: #111;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
html[data-theme='light'] .ob-days button,
html[data-theme='light'] .ob-chips button {
  border-color: #d9dde3;
  color: #374151;
  background: #fff;
}
html[data-theme='light'] .ob-days button.on,
html[data-theme='light'] .ob-chips button.on {
  background: #111;
  color: #fff;
  border-color: #111;
}
html[data-theme='light'] .ob-plan-b {
  background: #e5e7eb;
}
html[data-theme='light'] .ob-plan-b i[style*='background:#fff'] {
  background: #111 !important;
}
html[data-theme='light'] .ob-plan-b i[style*='background:#71717A'] {
  background: #9ca3af !important;
}
html[data-theme='light'] .ob-plan-b i[style*='background:#3F3F46'] {
  background: #d1d5db !important;
}
html[data-theme='light'] .in-hero {
  background: #fff;
  border-color: #e5e7eb;
  color: #111;
}
html[data-theme='light'] .in-ic {
  background: #eef2f7;
}
html[data-theme='light'] .in-step b {
  background: #111;
  color: #fff;
}
html[data-theme='light'] .mring .c {
  color: #6b7280;
}

html[data-theme='light'] .lab {
  background: #fff;
  border-color: #e8eaee;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}
html[data-theme='light'] .lab-chip.nn {
  background: #f3f4f6;
  color: #6b7280;
}
html[data-theme='light'] .lab-s,
html[data-theme='light'] .vrow {
  color: #6b7280;
}
html[data-theme='light'] .vrow b {
  color: #0f1115;
}
html[data-theme='light'] .vbar {
  background: #e5e7eb;
}
html[data-theme='light'] .zbar b {
  background: #111;
  box-shadow: 0 0 0 2px #fff;
}
html[data-theme='light'] .zbar {
  background: linear-gradient(90deg, #d1d5db 0 40%, #10b981 40% 65%, #f59e0b 65% 75%, #ef4444 75% 100%);
}

html[data-theme='light'] .coach-teaser {
  background: #fff;
  border-color: #e8eaee;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}
html[data-theme='light'] .ct-ic {
  background: #f3f4f6;
}
html[data-theme='light'] .cov {
  background: #f2f4f7;
  color: #0f1115;
}
html[data-theme='light'] .cv-top {
  border-color: #e5e7eb;
}
html[data-theme='light'] .cv-u {
  background: #111;
  color: #fff;
}
html[data-theme='light'] .cv-c {
  background: #fff;
  border-color: #e8eaee;
}
html[data-theme='light'] .cv-chips button {
  background: #fff;
  border-color: #e5e7eb;
  color: #374151;
}
html[data-theme='light'] .cv-send {
  background: #111;
  color: #fff;
}

html[data-theme='light'] .lab {
  background: #fff;
  border-color: #e8eaee;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}
html[data-theme='light'] .lab-k,
html[data-theme='light'] .lab-s {
  color: #6b7280;
}
html[data-theme='light'] .lab-bar,
html[data-theme='light'] .gauge2 {
  background: #e5e7eb;
}
html[data-theme='light'] .gauge2 b {
  background: #fff;
  border: 1.5px solid #111;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
html[data-theme='light'] .t-nn {
  color: #6b7280;
}
html[data-theme='light'] .cinput,
html[data-theme='light'] .cq button {
  background: #fff;
  border-color: #e5e7eb;
}
html[data-theme='light'] .cq button {
  color: #374151;
}
html[data-theme='light'] .cinput i {
  background: #111;
  color: #fff;
}
html[data-theme='light'] .rv-ck {
  border-color: #d1d5db;
}

html[data-theme='light'] .cv-mono {
  background: #111;
  color: #fff;
}
html[data-theme='light'] .cv-sug button {
  background: #fff;
  border-color: #e5e7eb;
  color: #111;
}
html[data-theme='light'] .cv-u {
  background: #e8eaee;
  color: #0f1115;
}
html[data-theme='light'] .cv-title span {
  color: #6b7280;
}

html[data-theme='light'] .avatar .avatar-cam {
  background: #111;
  color: #fff;
  border-color: #fff;
}

html[data-theme='light'] .ct-prev,
html[data-theme='light'] .ct-time {
  color: #667781;
}
html[data-theme='light'] .ct-time.u {
  color: #00a884;
}
html[data-theme='light'] .tdot {
  border-color: #fff;
}

html[data-theme='light'] #rest {
  background: #fff;
  border-color: #e8eaee;
}
html[data-theme='light'] .rest-t {
  color: #0b0b0f;
}
html[data-theme='light'] .rest-bar,
html[data-theme='light'] .rest-r button,
html[data-theme='light'] .mcopy,
html[data-theme='light'] .xic,
html[data-theme='light'] .xbtn2,
html[data-theme='light'] .lvl-bar {
  background: #eef0f3;
  color: #0b0b0f;
}
html[data-theme='light'] .xbtn2.pri {
  background: #0b0b0f;
  color: #fff;
}
html[data-theme='light'] .xnum {
  color: #0b0b0f;
}
html[data-theme='light'] .xrow + .xrow,
html[data-theme='light'] .xfoot {
  border-color: #eef0f3;
}
html[data-theme='light'] .glasses i {
  background: #e4e7ec;
}
html[data-theme='light'] .glasses i.on {
  background: #38bdf8;
}
html[data-theme='light'] .bdg {
  background: #fff;
  border: 1px solid #e8eaee;
}
html[data-theme='light'] .bdg.on {
  background: #ecfdf5;
}
html[data-theme='light'] .bdg-i {
  background: #eef0f3;
}
html[data-theme='light'] .bdg.on .bdg-i {
  background: #10b981;
  color: #fff;
}
html[data-theme='light'] .mtot {
  color: #6b7280;
}
html[data-theme='light'] .mx-card {
  background: #ecfdf5;
  border-color: #a7f3d0;
}
html[data-theme='light'] .mx-big {
  color: #0b0b0f;
}
html[data-theme='light'] .mx-sub,
html[data-theme='light'] .mx-set {
  color: #4b5563;
}
html[data-theme='light'] .mx-chip.ok {
  color: #047857;
}
html[data-theme='light'] .mx-chip.warn {
  color: #b45309;
}
html[data-theme='light'] .b-body {
  stroke: #cbd5e1;
}
html[data-theme='light'] .b-cap {
  fill: #cbd5e1;
}
html[data-theme='light'] .b-tick {
  stroke: #94a3b8;
}
html[data-theme='light'] .b-glint {
  stroke: #fff;
  stroke-opacity: 0.9;
}
html[data-theme='light'] .wmin {
  background: #eef0f3;
  color: #0b0b0f;
}
html[data-theme='light'] .wbig b {
  color: #0b0b0f;
}
html[data-theme='light'] .tk.pl .tk-c {
  border-color: #c9ced6;
}
html[data-theme='light'] .tk-c i {
  background: #c9ced6;
}
html[data-theme='light'] .wk-ch {
  border-color: #eef0f3;
}
html[data-theme='light'] .wk-ct {
  color: #6b7280;
}
html[data-theme='light'] .emb-bg {
  stroke: #e4e7ec;
}
html[data-theme='light'] .fc-line {
  stroke: #9ca3af;
}
html[data-theme='light'] .fc-now {
  stroke: #fff;
}
html[data-theme='light'] .cyc {
  background: #fdf2f8;
  border-color: #fbcfe8;
}
html[data-theme='light'] .cyc .sp {
  color: #6b7280;
}
html[data-theme='light'] .duo-av b {
  border-color: #fff;
  background: #e4e7ec;
  color: #6b7280;
}
html[data-theme='light'] .duo-av b.ok {
  background: #10b981;
  color: #fff;
}
html[data-theme='light'] .mood-g button {
  background: #eef0f3;
  color: #4b5563;
}
html[data-theme='light'] .mood-done {
  background: #fff;
  color: #6b7280;
  border: 1px solid #e8eaee;
}
html[data-theme='light'] .t3 {
  border-color: #eef0f3;
}
html[data-theme='light'] .t3c {
  border-color: #d1d5db;
  color: #fff;
}
html[data-theme='light'] .t3q {
  background: #eef0f3;
  color: #0b0b0f;
}
html[data-theme='light'] .t3 .sp i {
  color: #6b7280;
}
html[data-theme='light'] .dk-t.off {
  stroke: #e4e7ec;
}
html[data-theme='light'] .dk-pace {
  fill: #0b0b0f;
  stroke: #fff;
}
html[data-theme='light'] .dial-c span {
  color: #6b7280;
}

html[data-theme="light"] .mseg i { background: #e4e7ec; }
html[data-theme="light"] .mseg i.on { background: var(--mc); }

html[data-theme='light'] .mcap-t, html[data-theme='light'] .mr-b { background: #e9ecf1; stroke: #e9ecf1; }
html[data-theme='light'] .mdot-t { background: #e4e7ec; }
html[data-theme='light'] .mdot-t em { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18); }


html[data-theme='light'] .exrow + .exrow .li::before {
  background: #eef0f3;
}

html[data-theme='light'] #wel { background: #f2f4f7; color: #0f1115; }
html[data-theme='light'] .wel-s { color: #6b7280; }
html[data-theme='light'] #wel .in-hero { background: #fff; border-color: #e5e7eb; color: #111; }
/* intrarea rămâne întunecată și în tema luminoasă (e forțată din cod, aici doar siguranță) */

html[data-theme='light'] .tb-wm { color: #111; }
/* ecranul de pornire rămâne mereu întunecat, ca numele alb să se vadă */
html[data-theme='light'] #splash { background: #111214; }
html[data-theme='light'] #splash .sp-slogan { color: #a8abae; }
html[data-theme='light'] #splash .sp-glow { background: radial-gradient(circle, rgba(31, 215, 160, 0.16), transparent 62%); }