/* ============================================================
   ESHATON · design tokens · ediția a patra (monocrom)

   Paleta Benjamin Moore a fost scoasă. Site-ul merge acum pe
   sistemul referinței: hârtie albă și un singur negru.

     #252525  cerneala. Titluri, corp, benzi închise, colofon,
              butoane pline. Pe alb dă 14,7:1.
     #767676  vocea a doua. Linia de sub titlul fiecărei fișe,
              etichetele mici, datele, rezumatele secundare.
              Pe alb dă 4,54:1, adică AA pentru orice corp.
     #9C9C9C  gri decorativ. Placeholder, text de câmp gol.
              2,8:1 — NU se pune text de citit pe el.
     #E3E3E3  linia. Hairline-uri, rame, despărțitoare.

   Nicio altă culoare în interfață. Singurul loc din pagină
   unde apare culoare este spicul auriu din siglă și, evident,
   fotografiile.

   Regulile care rămân: fără gradient, fără umbră, fără colț
   rotund, Helvetica Neue și nimic altceva, niciun italic.
   Singura mișcare: egalizatorul radioului și trecerea
   caruselului de pe acasă.

   Numele vechi de variabile sunt păstrate ca sinonime, ca
   widgets.css (banner de cookie, player, panouri) să se
   recoloreze singur, fără să fie atins.
   ============================================================ */

:root{
  /* ---------- negrul și griurile ---------- */
  --negru:#252525;
  --negru-adanc:#1A1A1A;   /* doar pentru hover pe suprafețe pline */
  --gri:#767676;
  --gri-slab:#9C9C9C;

  /* ---------- hârtia ---------- */
  --alb:#FFFFFF;
  --spalat:#F4F4F4;        /* locul gol al unei fotografii */
  --spalat-cald:#F7F7F7;   /* benzi de respiro */

  /* ---------- cerneala ---------- */
  --text:#252525;          /* 14,7:1 pe alb */
  --text-doi:#767676;      /* 4,54:1 pe alb · AA la orice mărime */

  /* Aceeași voce a doua, dar pentru text așezat pe hârtie, nu pe
     alb curat. #767676 dă 4,54 pe alb — trece — dar numai 4,24 pe
     #F7F7F7 și 4,13 pe #F4F4F4, adică pică sub pragul AA. Diferența
     e nevăzută cu ochiul și se scapă ușor; de-aia are nume propriu.
       #6E6E6E → 4,76 pe #F7F7F7 · 4,64 pe #F4F4F4 · 5,10 pe alb */
  --text-doi-pe-hartie:#6E6E6E;
  --text-slab:#9C9C9C;     /* 2,8:1 · decorativ, niciodată de citit */
  --pe-inchis:#FFFFFF;
  --pe-inchis-doi:#B8B8B8; /* 5,3:1 pe #252525 */
  --pe-inchis-trei:rgba(255,255,255,.5);

  /* accentul e tot negrul · site-ul nu are culoare de accent */
  --camp:#252525;

  /* ---------- liniile ---------- */
  --linie:#E3E3E3;
  --linie-tare:#C9C9C9;
  --linie-clara:rgba(255,255,255,.16);

  /* ---------- aerul ---------- */
  --pad:56px;      /* aerul lateral · aceeași valoare pentru TOT site-ul */
  --gut:28px;
  --max:1560px;
  --coloana:660px;
  --antet:132px;
  --aer:clamp(72px,7vw,112px);
  --aer-banda:clamp(80px,9vw,132px);

  /* ---------- litera ---------- */
  --sans:"Helvetica Neue","HelveticaNeue","Helvetica Neue LT",Helvetica,Arial,sans-serif;
  --light:300;
  --reg:400;
  --med:500;
  --bold:700;

  --et:10px;
  --ls-et:.14em;

  /* ============================================================
     SINONIME · nu se șterg
     widgets.css e scris pe numele vechi. Le legăm de culorile
     noi ca banner-ul de cookie și playerul de radio să se
     recoloreze singure.
     ============================================================ */
  --mud:var(--negru);
  --mud-adanc:var(--negru-adanc);
  --stridie:var(--gri-slab);
  --hartie:var(--alb);
  --hartie-pura:var(--alb);
  --hartie-umbra:var(--spalat);
  --pale-oak:var(--spalat);
  --cadru:var(--spalat);
  --mist:#D8D8D8;
  --mist-adanc:var(--gri);
  --vd:var(--negru);
  --vd-adanc:var(--negru-adanc);
  --navy:var(--negru);
  --tus:var(--text);
  --tus-soft:var(--text);
  --tus-mute:var(--text-doi);
  --tus-slab:var(--text-slab);
  --lemn:var(--gri-slab);
  --voal:rgba(26,26,26,.86);
  --gutter:var(--pad);
  --container:var(--max);
  --ivory:var(--alb);
  --ivory-pur:var(--spalat);
  --cald:var(--alb);
  --mist-clar:var(--spalat);
  --rigla-cald:var(--gri-slab);
  --linie-vd:var(--linie-clara);
}

@media (forced-colors: active){
  button,.buton,.cb__act button,.cm__act button,.cfab,
  .radio-buton,.radio-reda,.sari-la-continut{border:1px solid ButtonText}
  *:focus-visible{outline:2px solid Highlight !important;outline-offset:2px}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}