/* tema.css — tema produsului camper-saas (CS-N166): verde + alb.
 *
 * DE CE UN FIȘIER SEPARAT, și nu valori schimbate în `style.css` (tiparul VI-F): „culori per
 * tenant" va însemna mai târziu să servim alt fișier, nu să refacem tema. `style.css` rămâne
 * neatins. Încărcat DUPĂ `style.css` (`templates/base.html`), bate la specificitate egală — FĂRĂ
 * `!important`, nicăieri.
 *
 * PALETA — decisă în cererea feliei (§4), rezolvată pe contrast (prag AA: 4.5 text normal,
 * 3.0 text mare / elemente non-text). NICIO culoare în afara ei:
 *
 *   #0A5039  bara laterală + antetul de calendar (o nuanță sub #0C5F43, ca accentul să treacă AA)
 *   #FFFFFF  text principal pe bară                           9.46 pe #0A5039
 *   #A8CFC0  etichete de secțiune, subtitluri pe bară         4.52 pe #0C5F43, mai mult pe #0A5039
 *   #00D58D  elementul activ, CA TEXT pe bara închisă          4.91 pe #0A5039
 *   #0C5F43  butoane și linkuri pe alb, hover în bară          7.68 cu alb
 *
 * CS-N167 — cele două fundaluri DESCHISE de accent, CALCULATE (nu alese) în cererea feliei:
 * păstrează exact luminozitatea celor două trepte albastre pe care le înlocuiesc, deci și
 * distanța dintre ele. Două trepte, nu una — există ca să se deosebească între ele.
 *
 *   #D6EFE4  în loc de #E0ECFF (badge, paginare, butoanele de calendar, iconița de rezervare)
 *            #0C5F43 pe el: 6.34 · față de alb: 1.21 (albastrul: 1.19)
 *   #E3F5EE  în loc de #EEF2FF (ziua curentă din calendar)
 *            #0C5F43 pe el: 6.79 · față de alb: 1.13 (albastrul: 1.12)
 *
 * CONSTRÂNGEREA care nu se vede cu ochiul: #00D58D pe alb dă 1.93. Verdele aprins NU apare nicăieri
 * în zona de conținut — acolo accentul e #0C5F43. Și nici pe #0C5F43 (3.99): de aceea elementul
 * activ din meniu își păstrează fundalul barei și la hover.
 *
 * Contrastele sunt măsurate pe pagina RANDATĂ, din culorile calculate de browser, de
 * `e2e/test_cs_n166_logo_si_tema.py` — nu din foaia asta.
 *
 * CE NU SE ATINGE:
 *   - verdele de succes, roșul de eroare, chihlimbarul de avertisment — sunt SEMNAL, nu identitate;
 *   - violetul de „primire vehicul" și culorile evenimentelor din calendar — deosebesc lucruri
 *     între ele (categorii), nu poartă marca;
 *   - neutrele reci (`#172033`, `#f3f6fb`, familia gri-ardezie) — sunt suprafață și text, nu
 *     accent, iar paleta nu are neutre: unul ales din ochi e exact ce cererea interzice.
 *
 * GARDA: `e2e/test_cs_n166_tema_contrast.py` pică dacă vreo culoare din paleta albastră veche
 * reapare în stilurile CALCULATE ale ecranelor măsurate, inclusiv pe hover/focus (CS-N167).
 *
 * CS-N168 — accentul scris în ȘABLOANE (bloc `<style>` local sau `style=`) s-a mutat AICI (§5):
 * șablonul păstrează forma (padding, raze, fonturi), culoarea mărcii stă într-un singur fișier.
 * Unde culoarea era în `style=`, șablonul a primit o clasă (`btn-bara`, `pv-titlu`, `link-accent`,
 * `eticheta-total`) — un atribut `style=` nu poate fi bătut din foaie fără `!important`.
 * Rămân albastre în șabloane, DELIBERAT: culorile de CATEGORIE (vehiculul din calendar, statusul
 * „Închiriată"/„Confirmată", tipul acțiunii din jurnal), graficele Chart.js și documentele
 * generate — lista și motivul, în `tests/test_cs_n168_sabloane_pe_tema.py`.
 */

/* ── 1. Bara laterală ─────────────────────────────────────────────────────────────────────── */
.sidebar{background:#0A5039;color:#FFFFFF}
.cal-header{background:#0A5039}
.brand-icon{color:#FFFFFF}
nav a,.logout,.lang-switch a,.lang-switch button,.nav-group-toggle:hover{color:#FFFFFF}
.brand-text small,.user-details small,.nav-group-toggle{color:#A8CFC0}
.sidebar-bottom{border-top-color:#0C5F43}
.lang-switch a,.lang-switch button{border-color:#0C5F43}
.user-avatar{background:#0C5F43}

/* ── 2. Elementul activ din bară ──────────────────────────────────────────────────────────── */
/* Hover-ul obișnuit: fundal #0C5F43, text alb (7.68). Elementul ACTIV: verdele aprins ca TEXT pe
   fundalul barei (4.91) + o dungă la stânga, ca starea să nu fie transmisă doar prin culoare — și
   rămâne pe fundalul barei și la hover, fiindcă pe #0C5F43 ar coborî la 3.99. */
nav a:hover{background:#0C5F43;color:#FFFFFF}
nav a.active,nav a.active:hover{background:transparent;color:#00D58D;font-weight:700;box-shadow:inset 3px 0 0 #00D58D}
.lang-switch a.active,.lang-switch button.active{background:#00D58D;color:#0A5039;border-color:#00D58D}

/* ── 3. Zona de conținut: accentul pe ALB e #0C5F43 ───────────────────────────────────────── */
/* CS-N167 — fundalurile DESCHISE de accent. Stau ÎNAINTEA stărilor pline de mai jos
   (`.cal-today`, `.pagination a:hover`...): `.cal-btn.cal-today` are aceeași specificitate pe
   ambele reguli, deci ordinea decide — invers, butonul „Azi" ar deveni deschis. */
.badge,.pagination a,.cal-btn,.activity-icon.reservation{background:#D6EFE4;color:#0C5F43}
.cal-day.today{background:#E3F5EE}
/* Numărul zilei curente: gri-ardezia din `style.css` (#64748b) dă 4.21 pe #E3F5EE — sub prag, și
   era sub prag și pe albastru (4.26). Accentul îl duce la 6.79. */
.cal-day.today .cal-day-num{color:#0C5F43}
button{background:#0C5F43}
.btn-principal{box-shadow:0 6px 16px rgba(12,95,67,.25)}
.btn-principal:hover{background:#0A5039}
.pagination a:hover,.pagination .current,.pagination a.active,
.cal-btn:hover,.cal-today{background:#0C5F43;color:#FFFFFF}
.lot-rezumat,th.sortabil a:hover,th.sortat{color:#0C5F43}
.cal-day.today{border-color:#0C5F43}
/* Linkurile din conținut fără culoare proprie cădeau pe albastrul IMPLICIT al browserului (inclusiv
   cele cu clasă fără culoare: `.istoric-link`, `.back-link`, `a.btn`...). `:where()` ține
   specificitatea la cea a unui simplu `a` (0,0,1): orice regulă cu clasă care-și pune culoarea
   (buton neutru, acțiune de rând, calendar) câștigă în continuare; se înlocuiește DOAR implicitul. */
:where(.content) a{color:#0C5F43}

/* ── 4. Focus: accesibilitatea urmează accentul ───────────────────────────────────────────── */
.search-input:focus{border-color:#0C5F43;box-shadow:0 0 0 3px rgba(12,95,67,.12)}
.link-btn:focus-visible,.btn-row-neutral:focus-visible,.kebab-btn:focus-visible{outline-color:#0C5F43}

/* ── 5. Șabloanele (CS-N168): aceleași trepte, fără nuanțe noi ───────────────────────────── */
/* Calendar — comutatorul de vedere: activul PLIN #0C5F43 cu alb (7.68), restul #0C5F43 pe
   fundalul deschis (6.34). Hover-ul avea o a treia treaptă albastră (#C7D9FF); paleta nu are una
   verde, deci hover-ul folosește cealaltă treaptă deschisă existentă, #E3F5EE (6.79). */
.cal-view-btns{background:#D6EFE4}
.cal-vbtn{color:#0C5F43}
.cal-vbtn:hover:not(.active){background:#E3F5EE}
.cal-vbtn.active{background:#0C5F43;color:#FFFFFF}
/* Antetele vederilor săptămână / zi / bandă: bara închisă, ca `.cal-header` din vederea lunii;
   ziua curentă — accentul plin; coloana zilei curente din bandă — treapta „zi curentă" (#E3F5EE),
   aceeași ca `.cal-day.today`. Banda e țintită prin containerul ei (`#timeline-scroll`,
   `.tl-zoom-banda`): vederea „Opționale" refolosește aceleași clase fără stilurile benzii, iar o
   regulă globală i-ar fi pus fundal închis sub text închis. */
.cal-week-header,.cal-week-corner,.cal-day-header,
#timeline-scroll .tl-corner,#timeline-scroll .tl-head{background:#0A5039}
.cal-week-header.today-col,.cal-day-header.today-col,#timeline-scroll .tl-head.tl-today{background:#0C5F43}
#timeline-scroll .tl-today-cell{background:#E3F5EE}
.tl-zoom-banda .active{background:#0C5F43;color:#FFFFFF}
/* Rapoarte + raportul de cheltuieli. `.filter-reset` (gri) își păstrează culoarea din șablon. */
.filter-btn{background:#0C5F43}
.filter-btn:hover{background:#0A5039}
.perioada-scurtaturi a.activ{background:#0C5F43;border-color:#0C5F43;color:#FFFFFF}
/* Facturi primite, ANAF, import. */
.rinv-link,.anaf-link,.import-link{color:#0C5F43}
.rinv-toggle,.import-btn-sablon{background:#D6EFE4;color:#0C5F43}
.anaf-btn{background:#0C5F43}
/* Predare / primire / regularizări: butoanele închise („Printează PV", „Regularizează") pe bara
   închisă — și la hover, unde `.link-btn:hover` le-ar albi; titlurile de secțiune din PV. */
.btn-bara,.link-btn.btn-bara,.link-btn.btn-bara:hover{background:#0A5039;color:#FFFFFF}
.pv-titlu{color:#0C5F43}
/* Vehicule („Activează", „Setează principală"), rezervări (nota regulii de preț, totalul),
   calendarul de sezoane. */
.link-accent,.link-btn.link-accent{color:#0C5F43}
#pricing-rule-info{background:#D6EFE4;color:#0C5F43}
.eticheta-total,.cs53-luna-titlu{color:#0A5039}
/* Comutatorul RO/EN de pe login și setup stă pe ALB, nu pe bară: regulile barei (§1-2) l-ar face
   alb pe alb. */
.auth-card .lang-switch a{color:#0C5F43}
.auth-card .lang-switch a.active{background:#0C5F43;color:#FFFFFF}

/* ── 4. Variabilele temei, pentru foile care NU scriu culori (CS-N180) ────────────────────── */
/* Zona mobilă (`static/mobil.css`) nu are nicio culoare de marcă scrisă direct: le citește de
   aici, prin nume. Un produs-soră cu altă temă (ex. petrol) își pune valorile LUI sub aceleași
   nume și primește zona mobilă în culorile lui, fără să atingă `mobil.css`. Aceleași valori ca
   regulile de mai sus — paleta nu crește. Verdele aprins lipsește deliberat: pe alb dă 1.93. */
:root{
  --tema-bara:#0A5039;
  --tema-pe-bara:#FFFFFF;
  --tema-pe-bara-secundar:#A8CFC0;
  --tema-accent:#0C5F43;
  --tema-pe-accent:#FFFFFF;
  --tema-accent-deschis:#D6EFE4;
  --tema-accent-foarte-deschis:#E3F5EE;
}