/**
 * Culoarea verdictului nu mai iese în afara cardului de verdict.   NEUTRU-1
 *
 * PROBLEMA, ȘI DE CE E MAI GRAVĂ DECÂT PARE
 *
 * `analiza.php` pune `--vc` pe `<section class="mdsx">`, iar `--vc` e culoarea
 * VERDICTULUI: verde la „Atractiv", roz la „Neatractiv", portocaliu la „Neutru".
 * Mai multe elemente din antet și din text o moștenesc.
 *
 * ⚠ ASTA E O SCURGERE DE GATING. Verdictul urmează să fie conținut închis, dar
 *   culoarea liniei și a titlului îl dezvăluie înainte de orice poartă: verde =
 *   atractiv, roz = neatractiv. Cititorul află concluzia fără să plătească.
 *   Nu e o preferință de design, e o gaură în model.
 *
 * ⚠ CULOAREA NU DISPARE. Se înlocuiește cu un accent STABIL, care nu spune
 *   nimic despre companie:
 *
 *     `--ac`  accentul de pagină = `--orange`, culoarea de brand din logo
 *             (`mds-design.css:105`: `.mds-logo b{ color:var(--mdsx-orange) }`).
 *             Aceeași pe toate cele 4.657 de pagini, deci nu poate dezvălui nimic.
 *
 *   Unde există un accent de SECȚIUNE (`--c`, pus de fiecare bandă prin
 *   `style="--c:var(--cyan)"`), acela câștigă — e legat de capitol, nu de verdict.
 *   Ordinea e deci: accentul benzii, apoi cel de brand.
 *
 * ⚠ O primă versiune a acestui fișier punea `--ink` acolo unde lipsea `--c`,
 *   adică alb. Rezultatul era la fel de prost: antetul își pierdea complet
 *   ierarhia vizuală. Absența culorii nu e o soluție, doar o altă greșeală.
 *
 * ═══ INVENTARUL COMPLET ═══
 *
 * Am căutat toate locurile din temă unde `--vc` iese în afara cardului de
 * verdict. Sunt OPT:
 *
 *   `.kicker::before`          linia de deasupra titlului       ← se repară
 *   `.ttl span[style]`         titlul `h2` din antet             ← se repară
 *   `.end__h em[style]`        concluzia de la finalul paginii   ← se repară
 *   `.meta b.k`                eticheta din antet                ← se repară
 *   `.lede__b`                 butonul „arată mai mult"          ← se repară
 *   `.fx__row:hover .fx__i`    bulina „i" la hover               ← rămâne
 *   `.sg__i`                   accent de coloană                 ← rămâne
 *   `.bar__f`                  umplerea barei                    ← are `--bc` propriu
 *
 * Ultimele trei rămân fiindcă nu dezvăluie concluzia: o bulină care se colorează
 * la hover și o bară cu `--bc` explicit nu spun nimic despre verdict.
 *
 * ═══ SPECIFICITATE ═══
 *
 * ⚠ Fișierele din `assets/css/sections/` se încarcă ÎNAINTEA lui
 *   `mds-design.css` (`functions.php:43` față de linia 63), deci suprascrierea
 *   are nevoie de specificitate mai mare, nu doar de poziție mai târzie:
 *     temă  `.mdsx .kicker::before`        (0,2,0)+pe
 *     aici  `.mdsx .kicker.kicker::before` (0,3,0)+pe
 */

/* Accentul de pagină: fix, legat de marcă, nu de verdict. */
.mdsx {
	--ac: var(--mds-pos, #2ada49);
}

/* Linia de deasupra titlului. */
.mdsx .kicker.kicker::before {
	background: var(--c, var(--ac));
}

/* Titlul `h2` din antet.
   ⚠ `blocks/analiza-head.php:49` scrie `style="color:var(--vc)"` INLINE. Un
     stil inline bate orice selector, deci singura cale din CSS e `!important`
     — folosit deliberat și doar în cele două locuri cu stil inline. Alternativa
     ar fi editarea blocurilor, dar corecția s-ar pierde la orice relivrare. */
.mdsx .hd .ttl span[style] {
	color: var(--c, var(--ac)) !important;
}

/* Concluzia de la finalul paginii, `blocks/analiza-end.php:41`. */
.mdsx .end .end__h em[style] {
	color: var(--c, var(--ac)) !important;
}

/* Eticheta din antet. */
.mdsx .meta b.k.k {
	background: color-mix(in srgb, var(--c, var(--ac)) 16%, transparent);
	color: var(--c, var(--ac));
}

/* Butonul de extindere al textului introductiv. */
.mdsx .lede-w .lede__b {
	color: var(--c, var(--ac));
}