/**
 * RA Theme Harmony v5 — aliniat la paleta Acasă (index.html)
 * Referință: --negru #1a1a18, hero gradient 145deg; grid cazuri = carduri deschise pe crem
 */
:root {
  --negru: #1a1a18;
  --negru-m: #2d2d2a;
  --negru-l: #444;
  --crem: #f5f0e8;
  --crem-d: #ede5d5;
  --separator: #d4c9b0;
  --ra-surface: #fff;
  --ra-ink-panel: #1a1a18;
  --ra-ink-panel-top: #2d2d2a;
  --ra-ink-border: #444;
  --ra-text-on-dark: #f5f0e8;
  --ra-text-on-dark-soft: #ede5d5;
  --ra-text-on-light: #1a1a18;
  --ra-text-on-light-soft: #6b6b65;
  --ra-hero-grad: linear-gradient(145deg, #141412 0%, #1a1a18 45%, #1a1510 100%);
  --ra-panel-grad: #1a1a18;
}

html {
  background: var(--crem);
}

body {
  background: var(--crem) !important;
  color: var(--ra-text-on-light) !important;
}

/* — Navigare — */
.navbar,
nav.ra-nav {
  background: var(--negru, #1a1a18) !important;
  border-bottom-color: var(--rosu, #c0392b) !important;
}

.nav-logo-text,
.nav-links a,
.nav-links a:hover,
.nav-links a.activ {
  color: var(--ra-text-on-dark) !important;
}

.nav-links a:hover,
.nav-links a.activ {
  color: #fff !important;
}

.nav-dropdown-menu,
.mobile-menu,
.mobile-menu a {
  background: var(--negru-m) !important;
  border-color: var(--ra-ink-border) !important;
  color: var(--ra-text-on-dark) !important;
}

/* — Hero / header întunecat — */
.hero,
.rez-hero,
.so-hero,
.page-header {
  background: var(--ra-hero-grad) !important;
  border-bottom: 3px solid var(--rosu, #c0392b) !important;
  position: relative;
}

.hero::after,
.rez-hero::after,
.so-hero::after,
.page-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4.25rem;
  background: linear-gradient(to bottom, transparent 0%, var(--crem) 92%);
  pointer-events: none;
  z-index: 1;
}

.hero-inner,
.rez-hero-inner,
.so-hero-inner,
.page-header-inner {
  position: relative;
  z-index: 2;
}

/* Text pe fundal întunecat — clar, fără estompare */
.hero h1,
.hero .stat-nr,
.rez-hero h1,
.so-hero h1,
.page-header h1,
.so-hero .so-hero-meta-item strong,
.widget-sustinere h3 {
  color: var(--ra-text-on-dark) !important;
}

.hero-sub,
.hero-badge,
.stat-label,
.rez-hero-sub,
.so-hero-sub,
.so-hero-badge,
.page-header-sub,
.page-header .badge,
.so-hero-meta-item,
.widget-sustinere p,
.pdf-info,
.pdf-info span,
.so-versiune-nota,
.so-versiune-nota .so-para,
.versiune-nota-title,
.nav-cap-link,
.preambul p,
.motto-box p,
.rezumat-section p {
  color: var(--ra-text-on-dark-soft) !important;
}

.hero-badge,
.so-hero-badge {
  color: var(--rosu-l, #e74c3c) !important;
}

.stat-label {
  color: var(--ra-text-on-dark-soft) !important;
}

/* — Carta, panouri — */
.preambul,
.capitol-header,
.motto-box,
.rezumat-section,
.nav-capitole,
.download-box,
.par-titlu {
  background: var(--ra-panel-grad) !important;
  border-color: var(--ra-ink-border) !important;
}

.capitol-titlu,
.par-titlu,
.rezumat-section h4,
.motto-box p {
  color: var(--ra-text-on-dark) !important;
}

/* — Conținut pe crem — text închis, lizibil */
.main,
.so-main,
.content,
.container,
.card,
.fisa-grid,
.so-nota,
.so-para,
.so-list li,
.breadcrumb,
.breadcrumb a {
  color: var(--ra-text-on-light) !important;
}

.main:not([data-dark-cards]) .section-card {
  color: var(--ra-text-on-light) !important;
}

.breadcrumb a:hover {
  color: var(--rosu, #c0392b) !important;
}

.main:not([data-dark-cards]) .section-card,
.card,
.articol,
.so-nota {
  background: var(--ra-surface) !important;
  border-color: var(--separator) !important;
}

.main:not([data-dark-cards]) .section-card {
  border-left-color: var(--negru) !important;
  box-shadow: 0 1px 8px rgba(26, 24, 22, 0.06);
}

.main:not([data-dark-cards]) .section-card p,
.main:not([data-dark-cards]) .section-card ul li,
.main:not([data-dark-cards]) .section-card h3,
.card p,
.card h3,
.so-para,
.so-subsec-title,
.so-sec-title,
.fisa-val,
.fisa-key {
  color: var(--ra-text-on-light) !important;
}

.fisa-key,
.breadcrumb,
.caz-meta,
.tag {
  color: var(--ra-text-on-light-soft) !important;
}

.fisa-val.rosu,
.caz-prejudiciu {
  color: var(--rosu-l, #e74c3c) !important;
}

.fisa-grid,
.so-nota {
  background: var(--crem-d) !important;
  border-color: var(--separator) !important;
}

/* — Panouri întunecate în flux crem (widget susținere, PDF bar) — */
.main .widget-sustinere,
.main .pdf-download-bar,
.so-main .pdf-download-bar {
  background: var(--negru, #1a1a18) !important;
  border-color: transparent !important;
  box-shadow: none;
}

/* — Grid cazuri: cartonașe întunecate pe fundal crem (/cazuri-documentar, registre) — */
.main .grid-cazuri .caz-card {
  background: var(--negru, #1a1a18) !important;
  border: none !important;
  border-left: 5px solid var(--rosu, #c0392b) !important;
  border-top: none !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.main .grid-cazuri .caz-card:hover {
  background: var(--negru-m, #2d2d2a) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35) !important;
  transform: translateY(-2px);
}

.main .grid-cazuri .caz-card h3 {
  color: var(--crem, #f5f0e8) !important;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(1.1rem, 2.2vw, 1.35rem);
}

.main .grid-cazuri .caz-card .caz-meta {
  color: var(--gri-l, #9a9a90) !important;
}

.main .grid-cazuri .caz-card .caz-cod {
  color: var(--rosu-l, #e74c3c) !important;
  letter-spacing: 0.15em;
}

.main .grid-cazuri .caz-card .caz-prejudiciu {
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(1.15rem, 2.5vw, 1.5rem);
  font-weight: 700;
  color: var(--rosu-l, #e74c3c) !important;
}

.main .grid-cazuri .caz-card .btn-primar {
  background: var(--crem, #f5f0e8) !important;
  color: var(--negru, #1a1a18) !important;
}

.main .grid-cazuri .caz-card .btn-primar:hover {
  background: #fff !important;
  color: var(--negru, #1a1a18) !important;
}

.main .grid-cazuri .caz-card .btn-secundar {
  background: transparent !important;
  color: var(--crem-d, #ede5d5) !important;
  border: 1px solid rgba(245, 240, 232, 0.3) !important;
}

.main .grid-cazuri .caz-card .btn-secundar:hover {
  background: rgba(245, 240, 232, 0.1) !important;
  color: var(--crem, #f5f0e8) !important;
}

.main .grid-cazuri .caz-card .btn-verde {
  background: var(--verde, #1a7a4a) !important;
  color: #fff !important;
}

.main .grid-cazuri .caz-card .btn-verde:hover {
  background: var(--verde-l, #27ae60) !important;
}

.main .grid-cazuri .caz-card .tag {
  background: rgba(245, 240, 232, 0.08) !important;
  color: var(--gri-l, #9a9a90) !important;
}

.main .grid-cazuri .caz-card .caz-tag {
  background: rgba(231, 76, 60, 0.12) !important;
  color: var(--rosu-l, #e74c3c) !important;
  border-color: rgba(231, 76, 60, 0.25) !important;
}

.main .grid-cazuri .caz-card .caz-tag--il {
  background: rgba(39, 174, 96, 0.12) !important;
  color: var(--verde-l, #27ae60) !important;
}

.main .grid-cazuri .caz-card .ra-quick-btns {
  border-top: 1px solid rgba(245, 240, 232, 0.12);
  margin-top: 1rem;
  padding-top: 1rem;
}

.doc-strat3-section {
  margin-bottom: 2.5rem;
}

.doc-strat3-section h2 {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--ra-text-on-light) !important;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid var(--separator);
}

.doc-strat3-section > p {
  font-size: 0.92rem;
  color: var(--ra-text-on-light-soft) !important;
  margin-bottom: 1.25rem;
}

.home-action-wrap .widget-sustinere,
.home-action-wrap,
.so-versiune-nota,
.widget-sustinere,
.pdf-download-bar {
  background: var(--ra-panel-grad) !important;
  border-color: var(--ra-ink-border) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
}

.pdf-download-bar a,
.widget-sustinere .btn,
.sust-form input,
.sust-form select {
  color: var(--ra-text-on-dark) !important;
}

.docs-l544-promo,
.anexa,
.principii-box,
.nota-metodologie-carta {
  background: var(--ra-surface) !important;
  border-color: var(--separator) !important;
  color: var(--ra-text-on-light) !important;
}

.fisa-search-toolbar,
.ra-cazuri-toolbar {
  background: var(--ra-surface) !important;
  border-color: var(--separator) !important;
  color: var(--ra-text-on-light) !important;
}

.breadcrumb {
  border-bottom-color: var(--separator) !important;
}

/* — Tabele — */
thead th {
  background: var(--ra-ink-panel) !important;
  color: var(--ra-text-on-dark) !important;
  border-color: var(--ra-ink-border) !important;
}

tbody td {
  color: var(--ra-text-on-light) !important;
}

tbody tr:hover td {
  background: var(--ra-surface) !important;
}

/* — Footer — */
.footer,
.footer p,
.footer a,
.footer li,
.footer h4,
.footer-bottom p {
  color: var(--ra-text-on-dark-soft) !important;
}

.footer {
  background: var(--negru, #1a1a18) !important;
  border-top-color: var(--rosu, #c0392b) !important;
}

.footer a:hover {
  color: var(--rosu-l, #e74c3c) !important;
}

/* — Pagini legale — */
body .container p,
body .container li,
body .container h2,
body .content p,
body .content li,
body .content h2 {
  color: var(--ra-text-on-light) !important;
}

body .container h1,
body .hero h1 {
  color: var(--ra-text-on-dark) !important;
}

body .hero p,
body .hero .badge {
  color: var(--ra-text-on-dark-soft) !important;
}

nav.ra-nav .ra-logo,
nav.ra-nav a {
  color: var(--ra-text-on-dark) !important;
}

nav.ra-nav a:hover {
  color: var(--rosu-l, #e74c3c) !important;
}

/* — Bento: păstrăm culoarea, fără filter care estompează */
.hb-neutru,
.bento-links a {
  border-color: rgba(180, 168, 150, 0.45) !important;
}

.caz-card:not(.grid-cazuri .caz-card) {
  background: var(--ra-surface) !important;
  border-color: var(--separator) !important;
  color: var(--ra-text-on-light) !important;
}

.bilant-section,
.chart-wrap {
  background: var(--ra-surface) !important;
  border-color: var(--separator) !important;
  color: var(--ra-text-on-light) !important;
}

/* Anulăm estomparea gri-l pe zone întunecate */
.hero [class*="gri"],
.widget-sustinere [style*="color"],
.pdf-download-bar .pdf-meta {
  color: var(--ra-text-on-dark-soft) !important;
}

.section-title h2,
.section-title .badge {
  color: inherit;
}

.section-title h2 {
  color: var(--ra-text-on-light) !important;
}

.section-title .badge {
  color: var(--ra-text-on-light-soft) !important;
}
