/* ============================================================
   Temă ZI (light) — override peste tema închisă, scoped pe html.light
   Activată prin butonul on/off (theme.js). Fără html.light = tema închisă.
   ============================================================ */

html.light{
  --bg-primary:#f4f7f5;
  --bg-secondary:#eef3f0;
  --emerald-400:#059669;
  --emerald-500:#059669;
  --l-ink:#0f1a15;          /* text principal */
  --l-ink-2:rgba(15,26,21,.72);
  --l-ink-3:rgba(15,26,21,.55);
  --l-ink-4:rgba(15,26,21,.42);
  --l-card:#ffffff;
  --l-card-2:#f7faf8;
  --l-border:rgba(0,0,0,.08);
}

/* --- Bază --- */
html.light body{
  background:#f4f7f5;
  background:linear-gradient(to bottom,#f5f8f6,#eaf0ec,#f5f8f6);
  color:var(--l-ink);
}
html.light .glass{background:#fff;border:1px solid var(--l-border)}

/* --- Text puternic (#fff) → închis --- */
html.light .logo-text,
html.light .footer-brand .logo-text,
html.light .hero-title,
html.light .hero-subtitle strong,
html.light .feature-big-number,
html.light .feature-title-lg,
html.light .feat-side h2,
html.light .section-title,
html.light .step-title,
html.light .tech-card h3,
html.light .sustain-title,
html.light .carbon-title,
html.light .comp-feature h3,
html.light .cta-title,
html.light .footer h3,
html.light .footer h2,
html.light .calc-title,
html.light .calc-result-price,
html.light .perf-meter-number,
html.light .mobile-menu a,
html.light .faq-question,
html.light .article-title,
html.light .article-title a,
html.light .author-box .author-name,
html.light .art-body strong,
html.light table tr td:last-child{
  color:var(--l-ink);
}

/* --- Text secundar/muted (rgba alb) → închis muted --- */
html.light .hero-subtitle,
html.light .section-desc,
html.light .feature-desc,
html.light .feat-side .subtitle,
html.light .feat-side .desc,
html.light .step-text,
html.light .tech-card p,
html.light .sustain-text,
html.light .carbon-text,
html.light .comp-feature p,
html.light .faq-answer-inner,
html.light .footer-brand p,
html.light .footer-links a,
html.light .footer-contact-item,
html.light .footer-contact-item a,
html.light .footer-bottom,
html.light .footer-bottom a,
html.light .nav-links a,
html.light .testimonial-quote,
html.light .testimonial-stat-sub,
html.light .calc-subtitle,
html.light .calc-field label,
html.light .perf-meter-label,
html.light .scroll-hint,
html.light .cta-desc,
html.light .article-meta,
html.light .article-excerpt,
html.light .breadcrumb,
html.light .breadcrumb a,
html.light .toc a,
html.light .art-body p,
html.light .art-body ol,
html.light .art-body ul,
html.light .art-body li,
html.light .author-box p,
html.light .price-table td,
html.light table caption{
  color:var(--l-ink-3);
}
html.light .art-body h3,
html.light .art-body h2{color:var(--l-ink)}

/* --- Suprafețe / carduri --- */
html.light .glass-card{
  background:linear-gradient(145deg,#ffffff,#f6faf8);
  border:1px solid var(--l-border);
  box-shadow:0 8px 30px rgba(6,78,59,.06);
}
html.light .glass-card:hover{border-color:rgba(5,150,105,.4)}
html.light .navbar.scrolled .navbar-content{
  background:rgba(255,255,255,.9);
  box-shadow:0 20px 45px -18px rgba(6,78,59,.18);
}
html.light .mobile-menu{background:#fff;border:1px solid var(--l-border);box-shadow:0 25px 50px rgba(6,78,59,.12)}
html.light .btn-secondary{background:#fff;color:var(--l-ink);border:1px solid rgba(0,0,0,.1)}
html.light .btn-secondary:hover{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.16)}
html.light .faq-item{border:1px solid var(--l-border)}
html.light .faq-item:hover{border-color:rgba(5,150,105,.35)}
html.light .faq-question{background:rgba(0,0,0,.025)}
html.light .faq-question:hover{background:rgba(0,0,0,.05)}
html.light .toc{background:#f6faf8;border:1px solid var(--l-border)}
html.light .author-box{background:#f6faf8;border:1px solid var(--l-border)}
html.light .price-table td{background:#f6faf8;border-color:rgba(0,0,0,.08)}
html.light .price-table th{border-color:rgba(0,0,0,.08)}
html.light .mobile-toggle{color:var(--l-ink)}

/* Pilule/badge închise pe fundal → deschise */
html.light .hero-badge{background:rgba(5,150,105,.1);border-color:rgba(5,150,105,.3);color:#047857}

/* --- Borduri / linii care erau albe translucide --- */
html.light .glass-card,
html.light .footer,
html.light .footer-bottom{border-color:var(--l-border)}
html.light .footer{border-top:1px solid var(--l-border)}
html.light .footer-bottom{border-top:1px solid var(--l-border)}
html.light .perf-meter-bar{background:rgba(0,0,0,.09)}

/* --- Formular calculator --- */
html.light .calc-content{background:#fff;border:1px solid var(--l-border)}
html.light .calc-close{background:rgba(0,0,0,.05);color:var(--l-ink)}
html.light .calc-close:hover{background:rgba(0,0,0,.1)}
html.light .calc-field input,
html.light .calc-field select{background:#f3f6f4;border:1px solid rgba(0,0,0,.12);color:var(--l-ink)}
html.light .calc-field select option{background:#fff;color:var(--l-ink)}

/* --- Hero: overlay puternic deschis pentru lizibilitate text închis --- */
html.light .hero-bg img{opacity:.28}
html.light .hero-bg .overlay{
  background:linear-gradient(to bottom,rgba(245,248,246,.78),rgba(245,248,246,.9),#f5f8f6);
}
html.light .tech-card-img-overlay{
  background:linear-gradient(to top,#ffffff,rgba(255,255,255,.4),transparent);
}
html.light .perf-image .overlay{
  background:linear-gradient(to top,rgba(245,248,246,.55),transparent);
}

/* ============================================================
   Buton comutare temă — în bara de meniu (injectat de theme.js)
   ============================================================ */
.theme-toggle{
  width:2.5rem;
  height:2.5rem;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.05);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  flex-shrink:0;
  transition:transform .2s ease,background .3s ease,border-color .3s ease;
  -webkit-tap-highlight-color:transparent;
}
.theme-toggle:hover{background:rgba(255,255,255,.12);transform:scale(1.06)}
.theme-toggle:active{transform:scale(.94)}
.theme-toggle svg{width:1.2rem;height:1.2rem;display:block}
.theme-toggle .icon-sun{display:block}
.theme-toggle .icon-moon{display:none}
/* pe mobil: grupează butonul lângă hamburger */
@media (max-width:767px){.navbar .theme-toggle{margin-left:auto;margin-right:.35rem}}
html.light .theme-toggle{
  background:rgba(0,0,0,.04);
  color:#0f1a15;
  border:1px solid rgba(0,0,0,.12);
}
html.light .theme-toggle:hover{background:rgba(0,0,0,.08)}
html.light .theme-toggle .icon-sun{display:none}
html.light .theme-toggle .icon-moon{display:block}