/* ============================================================
   TCB — TOKENS PLUS
   Se încarcă DUPĂ tokens.css, ca fișier separat.
   Înregistrat în inc/enqueue.php ca 'tokens-plus'.

   Conține doar ce lipsea sau ce e nou. Nimic din tokens.css
   nu e rescris aici, cu o singură excepție marcată explicit
   la final (raza) — și aceea e dezactivată din start.
   ============================================================ */

:root{

  /* ---- CULORI CARE LIPSEAU ----------------------------------
     Cele trei de mai jos sunt folosite de componentele noi și nu
     existau în tokens.css. Fără ele, bullet-urile de dotări ar fi
     invizibile și chip-urile de status ar ieși negre.

     --tcb-ink-30 se încadrează în scara existentă: ink → ink-60 →
     ink-30. Verdele e cel din chip-ul Green Venue; galbenul-linie
     e varianta închisă a brandului, singura care trece AA pe alb.  */

  --tcb-ink-30:      #8B99A9;   /* text terțiar, marcatori, icoane inactive */
  --tcb-green:       #0E7A45;   /* Green Venue, status confirmat            */
  --tcb-green-soft:  #EAF7F0;   /* fundal chip verde                        */
  --tcb-yellow-line: #D89A00;   /* contur, status provizoriu — AA pe alb    */

  /* ---- ITALICUL ---------------------------------------------
     Newsreader Italic 400 apare mai mic și mai subțire decât
     Plus Jakarta Sans 800 la aceeași dimensiune în em. Două cauze
     care se adună: dimensiunea aparentă mai mică a serifului, și
     contrastul de grosime, care se agravează pe măsură ce crește
     corpul. De aceea un singur factor nu merge pe toată scara.

     Fontul e STATIC în tema asta (verificat în assets/fonts/),
     deci NU e nevoie de font-optical-sizing. Rămâne doar scara.

     Valorile se confirmă în tcb-italic-scale-test.html, pe stage.  */

  --tcb-italic-scale:      1.22;   /* h1, h2, h3 */
  --tcb-italic-scale-body: 1.18;   /* italic inline în paragraf */

  /* ---- MIȘCARE ----------------------------------------------
     ATENȚIE: --tcb-ease EXISTĂ DEJA în tokens.css, cu valoarea
     cubic-bezier(.7, 0, .25, 1), și e curba schimbului first/only
     din hero. Nu o atingem — e live și e calibrată.

     Curba de mai jos e altceva și de asta are alt nume. Schimbul e
     o animație de conținut: simetrică, in-out, pentru că un cuvânt
     iese și altul intră. Răspunsul la o acțiune e asimetric: pornește
     tare și se stinge. Aceeași curbă pentru amândouă ar face unul
     dintre ele să arate greșit.

     Două curbe, cu o împărțire declarată. Nu e loc pentru a treia.  */

  --tcb-ease-ui: cubic-bezier(.16,.86,.24,1);  /* răspuns la o acțiune */
  --tcb-t:       420ms;                         /* durata standard      */
  /* pentru hover pe controale mici se refolosește --tcb-t-fast,
     care există deja în tokens.css ca .18s ease */

  /* ---- CÂMPURI GENERATE -------------------------------------
     Trei fundaluri pentru cardurile fără fotografie. Nu decorează:
     codează natura evenimentului cu vocabularul care există deja.
       rows     → public așezat       (congres, conferință)
       scatter  → public în picioare  (festival, târg)
       wave     → pe traseu           (sportiv, orice legat de Bega)

     Unda e REGULATĂ, nu traseul literal din logo — acela e o formă
     unică, citită o dată; repetat ca fundal, fiecare reluare se
     citește ca o greșeală. Vezi design system §3.1.                */

  --tcb-field-dot-size:  13px;
  --tcb-field-wave-size: 44px 16px;
  --tcb-field-wave: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='16'%3E%3Cpath d='M0 8c5.5-7 16.5-7 22 0s16.5 7 22 0' fill='none' stroke='%23ffffff' stroke-opacity='.22' stroke-width='3.2'/%3E%3C/svg%3E");

  /* ---- SUBLINIEREA DE HOVER ---------------------------------
     Linie dreaptă care crește de la stânga la dreapta.
     Nu undă: o undă se repetă orizontal, deci „Ghid" ar primi o
     jumătate de undă și „Locații de patrimoniu" trei — aceeași
     interacțiune, alt rezultat la fiecare link.                    */

  --tcb-underline: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Crect x='0' y='4' width='8' height='2' fill='%23F7BB2F'/%3E%3C/svg%3E");
}


/* ============================================================
   BLOCUL DE RAZĂ — DEZACTIVAT DIN START, INTENȚIONAT
   ============================================================

   Tema are acum:
       --tcb-r:      14px   carduri, imagini
       --tcb-r-pill: 100px  butoane, chips, INPUT-URI

   Argumentul cu care închisesem decizia pe 4px era că butonul și
   inputul de lângă el au raze diferite. În tema reală NU au: sunt
   amândouă pastilă, deci sistemul e deja consecvent. Divergența pe
   care o semnalasem era între temă și mockup-ul fișei, nu în temă.

   Ce rămâne e un argument de caracter — pastila citește „consum",
   4px citește „unealtă" — care e real, dar mult mai slab, și costă
   o schimbare vizibilă pe TOT landing-ul aflat în producție.

   De aceea nu se aplică automat. Decomentează varianta pe care o
   vrei, uită-te în styleguide și pe landing, apoi decide.

   --- A · Doar suprafețele se domolesc. Controalele rămân pastilă.
           Schimbarea cea mai mică. Carduri și imagini mai puțin
           rotunjite, butoanele neatinse.

:root{ --tcb-r: 8px; }

   --- B · Totul devine „unealtă". Decizia inițială, dusă până la
           capăt. Schimbă și landing-ul, vizibil. Necesită și
           blocul de controale din components-plus.css §8.

:root{ --tcb-r: 4px; --tcb-r-lg: 8px; }

   --- C · Nu se schimbă nimic. Perfect valid. Restul sistemului
           — icoane, câmpuri, densitate, mișcare — funcționează
           identic la 14px.

   ============================================================ */