/* ===========================================================================
   PALETA ANEVAR — SINGURA definiție de culoare de brand din aplicație (US-051).
   ===========================================================================

   Fișierul se încarcă PRIMUL, înaintea temei, pe toate cele trei familii de
   pagini: SPA (`public/app.html`), auth (`views/auth/layout.php`) și
   administrare (`views/admin/layout.php`).

   DE CE UN FIȘIER SEPARAT ȘI NU UN `:root` ÎN `app.css`: aplicația nu are „un
   fișier CSS principal", are patru — `app.css` (SPA), `auth.css`, `admin.css`,
   `cookie-notice.css`. Până la US-051 fiecare își redefinea propria paletă, cu
   aceleași valori copiate; o schimbare de brand cerea patru editări (plus
   emailurile), adică exact find/replace-ul pe care US-051 îl desființează. Un
   `:root` pus în `app.css` n-ar ajunge pe paginile server-rendered.

   CE E AICI ȘI CE NU:
   - cele 8 valori oficiale (anevar.ro) — EXACTE, nu se derivă și nu se ajustează;
   - tinte DERIVATE din `--anevar-primary`, pentru rolurile care înainte foloseau
     nuanțe ale roșului vechi (fundal de etichetă, buton dezactivat, contur de
     acțiune periculoasă). Sunt calculate ca amestec cu alb, în procentele notate.
   - NU stă aici culoarea SEMANTICĂ (verde = publicat, ambru = ciornă, albastru =
     info): acolo culoarea transportă înțeles, nu identitate, iar mutarea ei pe
     vișiniu ar face „publicat" și „eroare" să arate la fel (US-051 AC-02).

   CONTRAST (WCAG 2.1, alb pe fundal), recalculat, nu preluat pe încredere:
     alb pe --anevar-primary        7.74:1   ✓ AAA text mare, AA text mic
     alb pe --anevar-primary-hover 10.45:1   ✓ AAA
     alb pe --anevar-accent         6.24:1   ✓ AA
     --anevar-text-muted pe alb     5.33:1   ✓ AA text mic (US-075 FR-3)
   `--anevar-accent` NU se folosește ca fundal pentru text mic pe suprafețe mari.
   Verificat mecanic în `tests/Frontend/BrandTokensGuardTest.php` — calculat din
   valorile de mai jos, deci un token schimbat greșit cade la gate.
   =========================================================================== */

:root {
    /* --- Paleta oficială (valori exacte) ------------------------------------ */
    --anevar-primary: #9D2235;
    --anevar-primary-hover: #7A1A2A;
    --anevar-accent: #B52A3D;
    --anevar-text: #333333;
    /* US-075 FR-3 — #777777 dădea 4.48:1 pe alb, adică SUB pragul WCAG AA de 4.5:1
       pentru text normal. Tokenul e folosit exclusiv la 0.7–0.85rem (11–13.6px):
       subtitlul de brand, linia de meta, eticheta de faset, nota de PDF — adică
       exact la mărimile pentru care pragul de 4.5 e cel care se aplică.
       #6B6B6B dă 5.33:1. Diferența vizuală e imperceptibilă; cea măsurată, nu.
       Verificat mecanic în `BrandTokensGuardTest` — perechea text-pe-suprafață,
       nu doar alb-pe-brand. */
    --anevar-text-muted: #6B6B6B;
    --anevar-border: #E6E6E6;
    --anevar-bg-subtle: #F5F5F5;
    --anevar-surface: #FFFFFF;

    /* --- Tinte derivate din --anevar-primary (amestec cu alb) --------------- */

    /* 8% — fundal de etichetă / badge de brand / alertă de eroare.
       Contrast cu --anevar-primary deasupra: 6.75:1. */
    --anevar-primary-soft: #F7EDEF;

    /* 25% — contur și muchii pe fundal deschis (fostul `--accent-3`). */
    --anevar-primary-soft-2: #E6C8CC;

    /* 40% — buton primar dezactivat: se citește ca „inactiv", nu ca „altă culoare". */
    --anevar-primary-disabled: #D8A7AE;

    /* --- Umbre și voal — NEUTRE, deliberat netinctate de brand -------------- */
    /* O umbră vișinie colorează tot ce stă sub ea; la 10% opacitate nu se citește
       ca brand, se citește ca murdărie. */
    --anevar-shadow: 0 8px 30px rgba(51, 51, 51, 0.10);
    --anevar-shadow-strong: 0 8px 30px rgba(51, 51, 51, 0.14);
    --anevar-overlay: rgba(26, 26, 26, 0.45);
}