/* Signal For All V48 — strat ESTETIC „cinematic" peste tema dark existentă.
   NU schimbă structura/conținutul. Doar accente verde/cyan + ambianță glow.
   Se aplică DOAR în tema dark ȘI doar când NU e activ un mod de accesibilitate
   (contrast ridicat / calm) → acele moduri au prioritate absolută a utilizatorului.
   Garda `body:not(.sfa-contrast):not(.sfa-calm)` e pe toate regulile vizuale. */

/* --- accent: shift spre verde/cyan via token-urile existente (doar dark) --- */
html[data-sfa-theme="dark"]{
  --purple:#ff1e8c; --purple-2:#3df0ff; --cyan:#3df0ff; --mint:#c48cff;
  --paper:#100a26; --paper-2:#16103a; --paper-3:#16103a; --paper-4:#16103a;
  background:#0b0718;
}
/* în CONTRAST ridicat: re-asigură paleta B/N (prioritate utilizator) */
html[data-sfa-theme="dark"] body.sfa-contrast{
  --paper:#fff; --paper-2:#fff; --paper-3:#fff; --paper-4:#fff;
  --ink:#000; --line:#000; background:#fff !important;
}

/* --- ambianță: glow radial (doar dark, fără contrast/calm) --- */
html[data-sfa-theme="dark"] body:not(.sfa-contrast):not(.sfa-calm){
  background:
    radial-gradient(1100px 560px at 82% -8%, rgba(56,214,221,.10), transparent 60%),
    radial-gradient(820px 480px at -5% 8%, rgba(72,242,166,.08), transparent 55%),
    var(--paper);
  background-attachment:fixed;
}

/* --- buton primar: gradient cinematic (doar dark, fără contrast) --- */
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .btn.primary,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .navlinks .cta{
  background:linear-gradient(135deg,#ff1e8c,#3df0ff); color:#1a0033; border:0;
}
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .btn.primary:hover,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .navlinks .cta:hover{
  box-shadow:0 10px 26px rgba(72,242,166,.28);
}

/* --- titlul gradient (doar dark, fără contrast) --- */
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .gradient{
  background:linear-gradient(90deg,#ff1e8c,#3df0ff 55%,#ff44c4);
  -webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;
}

/* --- FIX suprafețe cu fundal deschis hardcodat (doar dark, fără contrast/calm).
       Fără !important → modul contrast (cu !important) rămâne oricum prioritar. --- */
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .soft{
  background:linear-gradient(135deg,rgba(14,31,24,.94),rgba(11,22,18,.96) 50%,rgba(10,18,15,.96));
  border-top-color:var(--line); border-bottom-color:var(--line);
}
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .feature,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .quote,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .metric,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .notice,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .known,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .notyet,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .origin-card,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .legacy-shot,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .migration-note,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .modality-options,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .state-inputs,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v20-tldr,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v17-ai-output,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v17-ai-human,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v17-visual-answer,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v17-live-caption-box,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v14-logic-result,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v14-gate-output,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v15-node-panel,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v15-glass,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v15-story-progress,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v16-visual-description,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v16-review-row,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v16-semantic-outline,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v16-error-summary,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v19-claims,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .form-note,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .toc,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .trustitem,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v15-before,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v16-preview-ui,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v15-arch-event,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v15-arch-node,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v15-flow-node,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .step,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v32-eag-list li,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v32-eag-cat{
  background:rgba(14,31,24,.74);
  border-color:var(--line);
  color:var(--ink);
  box-shadow:0 8px 26px rgba(0,0,0,.35);
}
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .lab-section{ background:rgba(10,20,16,.6); box-shadow:none; }
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .chip{ background:rgba(72,242,166,.12); color:#c48cff; border-color:var(--line); box-shadow:none; }

/* --- focus vizibil cinematic (doar dark) --- */
html[data-sfa-theme="dark"] body:not(.sfa-contrast) a:focus-visible,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) button:focus-visible{
  outline:3px solid #3df0ff; outline-offset:3px;
}
/* --- halou verde la hover + eyebrow accent (doar dark) --- */
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .card:hover,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .feature:hover{
  border-color:rgba(72,242,166,.45); transition:border-color .2s ease;
}
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .eyebrow{ color:#c48cff; }

@media (prefers-reduced-motion: reduce){
  html[data-sfa-theme="dark"] .card:hover,
  html[data-sfa-theme="dark"] .feature:hover{ transition:none; }
}

/* ===== FIX dark+contrast: regulile de culoare ale temei dark (specificitate mai mare)
   învingeau sfa-contrast → text deschis pe fundal alb. Re-forțăm text negru pe
   elementele de conținut (NU pe linkuri/butoane, pe care contrastul le stilizează). ===== */
html[data-sfa-theme="dark"] body.sfa-contrast{ color:#000 !important; --ink:#000; --ink-2:#000; --muted:#111; }
html[data-sfa-theme="dark"] body.sfa-contrast h1,
html[data-sfa-theme="dark"] body.sfa-contrast h2,
html[data-sfa-theme="dark"] body.sfa-contrast h3,
html[data-sfa-theme="dark"] body.sfa-contrast h4,
html[data-sfa-theme="dark"] body.sfa-contrast p,
html[data-sfa-theme="dark"] body.sfa-contrast li,
html[data-sfa-theme="dark"] body.sfa-contrast dt,
html[data-sfa-theme="dark"] body.sfa-contrast dd,
html[data-sfa-theme="dark"] body.sfa-contrast td,
html[data-sfa-theme="dark"] body.sfa-contrast th,
html[data-sfa-theme="dark"] body.sfa-contrast strong,
html[data-sfa-theme="dark"] body.sfa-contrast small,
html[data-sfa-theme="dark"] body.sfa-contrast summary,
html[data-sfa-theme="dark"] body.sfa-contrast label,
html[data-sfa-theme="dark"] body.sfa-contrast blockquote,
html[data-sfa-theme="dark"] body.sfa-contrast .lede,
html[data-sfa-theme="dark"] body.sfa-contrast .breadcrumb,
html[data-sfa-theme="dark"] body.sfa-contrast .eyebrow{ color:#000 !important; -webkit-text-fill-color:#000 !important; }

/* ===== HERO micro-polish (doar dark, fără contrast/calm) ===== */
html[data-sfa-theme="dark"] body:not(.sfa-contrast):not(.sfa-calm) .page-hero,
html[data-sfa-theme="dark"] body:not(.sfa-contrast):not(.sfa-calm) .hero{
  padding-top:56px; padding-bottom:40px;
}
html[data-sfa-theme="dark"] body:not(.sfa-contrast):not(.sfa-calm) .page-hero h1,
html[data-sfa-theme="dark"] body:not(.sfa-contrast):not(.sfa-calm) .hero h1{
  letter-spacing:-.025em; line-height:1.02; font-weight:830;
}
html[data-sfa-theme="dark"] body:not(.sfa-contrast):not(.sfa-calm) .page-hero .lede,
html[data-sfa-theme="dark"] body:not(.sfa-contrast):not(.sfa-calm) .hero p{
  color:#cbbdf0;
}
/* eyebrow: pill subtil cu accent */
html[data-sfa-theme="dark"] body:not(.sfa-contrast):not(.sfa-calm) .eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  letter-spacing:.14em; font-size:12px;
}
/* breadcrumb discret */
html[data-sfa-theme="dark"] body:not(.sfa-contrast):not(.sfa-calm) .breadcrumb{ color:#7fa496; }

/* cubul 3D decorativ arăta „random" pe paginile de conținut — îl ascundem (păstrăm undele + formele) */
.sfa-fx-3d{ display:none !important; }

/* ===== Polish panou a11y în stil cinematic (dark, fără contrast) ===== */
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v16-a11y-tabs button[aria-selected="true"],
html[data-sfa-theme="dark"] body:not(.sfa-contrast) [data-v16-tab][aria-selected="true"]{
  border:2px solid #ff1e8c !important; color:#f3eeff;
}
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v16-profile:hover,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v23-quick-grid button:hover{
  border-color:rgba(72,242,166,.55); transition:border-color .18s ease;
}
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v16-profile[aria-pressed="true"],
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v23-quick-grid button[aria-pressed="true"]{
  border-color:#ff1e8c; box-shadow:0 0 0 1px #ff1e8c inset;
}
/* butonul alb de reset din panou -> temat */
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .access-reset{
  background:#1b1442; color:#f3eeff; border:1px solid #44357a;
}

/* contrast: hero-urile aveau gradient decorativ -> alb pur pentru contrast maxim */
body.sfa-contrast .hero,
body.sfa-contrast .page-hero,
body.sfa-contrast .v22-quickstart,
body.sfa-contrast .v15-orbit-section{ background:#fff !important; }
body.sfa-contrast .hero *,
body.sfa-contrast .page-hero .lede{ color:#000 !important; }

/* scroll-story „Mișcarea explică procesul" + noduri orbit: carduri care rămâneau albe */
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v15-story-step,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v15-story-intro,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v15-node,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v14-logic-card,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v14-gate,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v9-evidence-card,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v15-story-step.is-active{
  background:rgba(14,31,24,.74) !important;
  border-color:var(--line) !important;
  color:var(--ink) !important;
}

/* ===== Aspect PREMIUM pentru story-step + orbit nodes (dark) ===== */
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v15-story-step{
  background:linear-gradient(160deg, rgba(18,40,32,.92), rgba(9,20,16,.94)) !important;
  border:1px solid #3a2e66 !important;
  border-radius:16px; padding:20px 22px;
  box-shadow:0 12px 34px rgba(0,0,0,.4);
  transition:border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v15-story-step b{
  color:#ff3d9e !important; letter-spacing:.09em; font-size:12.5px; text-transform:uppercase;
}
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v15-story-step h3{ color:#f3eeff !important; margin:.35em 0; }
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v15-story-step p{ color:#d2c6f5 !important; }
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v15-story-step.is-active{
  border-color:#ff3d9e !important;
  box-shadow:0 0 0 1px #ff3d9e inset, 0 16px 44px rgba(83,243,171,.16);
  transform:translateY(-2px);
}
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v15-story-step:hover{ border-color:rgba(83,243,171,.6) !important; }

/* orbit nodes „Un nucleu. Patru direcții" */
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v15-node{
  background:linear-gradient(160deg, rgba(18,40,32,.88), rgba(9,20,16,.9)) !important;
  border:1px solid #3a2e66 !important; border-radius:14px;
  transition:border-color .2s ease, box-shadow .2s ease;
}
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v15-node strong{ color:#f3eeff !important; }
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v15-node small{ color:#b7a9e0 !important; }
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v15-node[aria-pressed="true"]{
  border-color:#ff3d9e !important; box-shadow:0 0 0 1px #ff3d9e inset, 0 10px 30px rgba(83,243,171,.14);
}
@media (prefers-reduced-motion: reduce){
  html[data-sfa-theme="dark"] .v15-story-step,
  html[data-sfa-theme="dark"] .v15-story-step.is-active,
  html[data-sfa-theme="dark"] .v15-node{ transition:none !important; transform:none !important; }
}

/* panoul orbitei „Un nucleu" avea gradient deschis (background-image) -> dark */
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v15-orbit,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v15-orbit-wrap,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v15-orbit-section{
  background:linear-gradient(165deg, rgba(14,31,24,.6), rgba(8,16,13,.5)) !important;
}
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v15-orbit{
  border:1px solid #2a2152; border-radius:20px;
}

/* secțiunea „Nu doar citi. Testează logica." (demo v14) — bandă + carduri deschise */
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v14-experience,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v14-mini-lab,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v14-signal-stage,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v14-live-copy,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v14-lab-grid{
  background:rgba(14,31,24,.72) !important;
  border-color:var(--line) !important;
  color:var(--ink) !important;
}
html[data-sfa-theme="dark"] body:not(.sfa-contrast) section.v14-experience{
  background:linear-gradient(160deg, rgba(12,26,21,.6), rgba(8,16,13,.4)) !important;
}
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v14-live-title{ color:#f3eeff !important; }
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v14-label{ color:#b7a9e0 !important; }

/* ===== Paletă neon îmbogățită: hot pink + violet + cyan + LIME fluorescent ===== */
/* titluri gradient — 4 opriri synthwave (background-image, NU shorthand, ca să nu reseteze clip) */
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .gradient{
  background-image:linear-gradient(100deg,#ff1e8c 0%,#b57bff 40%,#3df0ff 76%,#c6ff3a 100%) !important;
  background-color:transparent !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  color:transparent !important; -webkit-text-fill-color:transparent !important;
}
/* buton primar — hot pink -> violet -> cyan */
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .btn.primary,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .navlinks .cta{
  background:linear-gradient(120deg,#ff1e8c,#b57bff 55%,#3df0ff) !important; color:#1a0033 !important;
}
/* LIME fluorescent — accente „live/success" + badge-uri mint */
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .badge.mint,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .mint{
  background:rgba(198,255,58,.14) !important; color:#d7ff72 !important; border-color:rgba(198,255,58,.45) !important;
}
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v15-story-progress i{ background:#c6ff3a !important; box-shadow:0 0 12px rgba(198,255,58,.5); }
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .more:hover,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) a.more:focus-visible{ color:#c6ff3a !important; }
/* eyebrow — bară gradient pink->violet->cyan, cu text lavandă clară */
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .eyebrow{ color:#c9b6ff !important; }

/* ===== Calibrare LIME — rol semantic: activ / success / live (echilibrat) ===== */
/* eyebrow bar: 4 culori ca titlurile */
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .eyebrow:before{
  background:linear-gradient(90deg,#ff1e8c,#b57bff 45%,#3df0ff 80%,#c6ff3a) !important; width:34px;
}
/* pagina activă în nav: pastilă dark cu accent lime (în loc de pastila deschisă) */
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .navlinks a[aria-current="page"],
html[data-sfa-theme="dark"] body:not(.sfa-contrast) header a[aria-current="page"]{
  background:rgba(198,255,58,.12) !important; color:#d7ff72 !important;
}
/* badge-uri SUCCESS / pozitiv -> lime (erau deschise = pete albe în dark) */
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .v22-status.implemented,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .ok,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .is-done,
html[data-sfa-theme="dark"] body:not(.sfa-contrast) .implemented{
  background:rgba(198,255,58,.13) !important; color:#d7ff72 !important; border-color:rgba(198,255,58,.45) !important;
}