/* =============================================================
   NovaWebDesign — tema de bază „Nova” (tot anul)
   Toate culorile site-ului public vin din variabilele de mai jos (--nv-*).
   Sezoanele (/sezoane/*.css) redefinesc DOAR variabilele + decorul lor, sub html[data-sezon="…"].
   Reguli: întunecat, niciodată fundal alb; fără negru pur și fără alb pur; contrast AA verificat:
   text 16:1, text secundar 8,3:1, accent 7,7:1 pe fundal; butonul plin are text închis (7,7:1).
   Se încarcă ULTIMUL pe fiecare pagină publică (după polish / extras).
   ============================================================= */
:root {
  /* fundaluri */
  --nv-bg: #0F1412;        --nv-bg-rgb: 15, 20, 18;
  --nv-card: #161D1A;      --nv-card-rgb: 22, 29, 26;
  --nv-raised: #1E2723;    --nv-raised-rgb: 30, 39, 35;
  /* text */
  --nv-tx: #ECEFEA;        --nv-tx-rgb: 236, 239, 234;
  --nv-tx2: #A3B0A8;       --nv-tx2-rgb: 163, 176, 168;
  --nv-tx3: #8E9B93;       --nv-tx3-rgb: 142, 155, 147;
  /* accent: smarald stins */
  --nv-acc: #4DBA8F;       --nv-acc-rgb: 77, 186, 143;
  --nv-acc-hi: #7FD3AE;    --nv-acc-hi-rgb: 127, 211, 174;
  --nv-acc-pale: #CBEBDB;  --nv-acc-pale-rgb: 203, 235, 219;
  --nv-acc-lo: #2F8A67;    --nv-acc-lo-rgb: 47, 138, 103;
  /* al doilea ton (capătul gradienților): salvie deschisă, din aceeași familie */
  --nv-acc2: #A9D8BF;      --nv-acc2-rgb: 169, 216, 191;
  --nv-acc2-hi: #D2EEDF;   --nv-acc2-hi-rgb: 210, 238, 223;
  --nv-acc2-lo: #3E7D66;   --nv-acc2-lo-rgb: 62, 125, 102;
  --nv-on-acc: #0F1412;    /* textul de pe butonul plin */
  --nv-btn: var(--nv-acc);           /* fundalul butonului plin (Halloween: mai închis) */
  --nv-btn-hi: var(--nv-acc-hi);
  --nv-ember: #FFD9A0;     --nv-ember-rgb: 255, 217, 160;  /* strălucire caldă (scântei, licurici) */
  /* ceață / umbre colorate ale scenei */
  --nv-fog-rgb: 77, 186, 143;
  --nv-glow-rgb: 127, 211, 174;

  /* numele vechi din style.css, legate de temă */
  --bg-primary: var(--nv-bg);
  --bg-secondary: var(--nv-card);
  --bg-card: rgba(var(--nv-tx-rgb), .035);
  --accent-primary: var(--nv-acc);
  --accent-secondary: var(--nv-acc2);
  --accent-gradient: linear-gradient(135deg, var(--nv-acc) 0%, var(--nv-acc-hi) 100%);
  --text-primary: var(--nv-tx);
  --text-secondary: var(--nv-tx2);
  --text-muted: var(--nv-tx3);
  --border-subtle: rgba(var(--nv-tx-rgb), .08);

  /* tipografie mai caldă: serif moale la titluri, sans prietenos în text */
  --font-display: 'Fraunces', 'Fraunces Fallback', Georgia, 'Times New Roman', serif;
  --font-body: 'Figtree', 'Figtree Fallback', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* fundalul care se schimbă ușor între secțiuni (js/nova-motion.js) */
  --nv-page-bg: var(--nv-bg);
  --nv-ease: cubic-bezier(.22, 1, .36, 1);
}

html { background: var(--nv-bg); }
body {
  background: var(--nv-page-bg);
  color: var(--nv-tx);
  transition: background-color 1.2s ease;
}
::selection { background: rgba(var(--nv-acc-rgb), .35); color: var(--nv-tx); }
:focus-visible { outline-color: var(--nv-acc-hi); }

/* ---------- tipografie ---------- */
h1, h2, h3, .section-title, .hero-title, .nav-logo, .footer-heading,
.nvo-card__t, .nw-modal__title, .cf-step__title, .footer-cta__title, .nvo-dlg__t {
  font-family: var(--font-display);
  font-optical-sizing: auto;
}
h1, .hero-title { font-weight: 560; letter-spacing: -0.018em; }
h2, .section-title { font-weight: 540; letter-spacing: -0.012em; }
h3 { font-weight: 560; letter-spacing: -0.005em; }
.section-label {
  font-family: var(--font-body);
  letter-spacing: .14em;
  color: var(--nv-acc-hi);
}
.section-subtitle, p { text-wrap: pretty; }
.gradient-text {
  background: linear-gradient(120deg, var(--nv-acc-hi) 0%, var(--nv-acc) 55%, var(--nv-acc2) 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
  font-style: italic;
}

/* ---------- logo: „Web” în accent ---------- */
.nav-logo { font-weight: 600; letter-spacing: -0.01em; }
.nav-logo span {
  background: none;
  -webkit-text-fill-color: currentColor;
  color: var(--nv-acc-hi);
  font-style: italic;
}

/* ---------- butoane: smarald plin, text închis ---------- */
.btn-primary,
.nav-cta,
.pachet-btn,
.checkout-btn {
  background: var(--nv-btn);
  color: var(--nv-on-acc) !important;
  box-shadow: 0 8px 26px -10px rgba(var(--nv-acc-rgb), .55), inset 0 1px 0 rgba(var(--nv-tx-rgb), .22);
}
.btn-primary:hover,
.nav-cta:hover,
.pachet-btn:hover,
.checkout-btn:hover {
  background: var(--nv-btn-hi);
  box-shadow: 0 12px 32px -10px rgba(var(--nv-acc-rgb), .65), inset 0 1px 0 rgba(var(--nv-tx-rgb), .3);
}
.btn-primary svg, .nav-cta svg { color: currentColor; }
.btn-secondary {
  color: var(--nv-tx);
  border-color: rgba(var(--nv-tx-rgb), .18);
  background: rgba(var(--nv-tx-rgb), .04);
}
.btn-secondary:hover { border-color: rgba(var(--nv-acc-rgb), .6); background: rgba(var(--nv-acc-rgb), .08); }
/* butoanele „luminoase” din meniu, subsol și bara de jos: același smarald plin */
.nw-glow-btn,
.mobile-bottom-bar .bottom-glow {
  background: var(--nv-btn) !important;
  color: var(--nv-on-acc) !important;
}
.nw-glow-btn--maint,
.mobile-bottom-bar .bottom-glow--maint {
  background: rgba(var(--nv-tx-rgb), .06) !important;
  color: var(--nv-tx) !important;
  box-shadow: inset 0 0 0 1px rgba(var(--nv-tx-rgb), .16) !important;
}

/* ---------- carduri ---------- */
.card, .pachet-card, .svc-card, .mt-plan, .faq-item, .trust-card {
  background-color: var(--nv-card);
}

/* ---------- bara de progres de sus: un singur ton ---------- */
.scroll-progress {
  background: linear-gradient(90deg, rgba(var(--nv-acc-rgb), 0) 0%, var(--nv-acc) 12%, var(--nv-acc-hi) 50%, var(--nv-acc) 88%, rgba(var(--nv-acc-rgb), 0) 100%);
  box-shadow: 0 0 10px rgba(var(--nv-acc-rgb), .35);
}

/* ---------- mișcare redusă ---------- */
@media (prefers-reduced-motion: reduce) {
  body { transition: none; }
}
/* Runda 7: titlurile care nu sunt secțiuni de conținut (ferestre, pașii formularului, subsol, promo-ul Origins)
   nu mai sunt H2; arată la fel (aceeași greutate ca înainte) */
:where(.nw-modal__title, .cf-step__title, .footer-cta__title, .nvo-card__t, .nvo-dlg__t) { font-weight: 600; }