/* ============================================================
   TCB — DESIGN TOKENS
   Sursa unică pentru culoare, tipografie, spațiere, raze.
   Dacă o valoare apare hardcodată în altă parte, e un bug.
   ============================================================ */

:root{

  /* ---- CULOARE --------------------------------------------
     Albastrul și galbenul sunt extrase din SVG-urile de logo,
     nu aproximate de pe ecran. Nu le ajusta „ca să iasă mai bine".
     Trebuie să rămână identice cu Global Colors din Elementor —
     vezi inc/elementor.php, care le sincronizează la activare.   */

  --tcb-blue:        #0073E6;   /* brand primar: linkuri, eyebrow, card accent */
  --tcb-blue-deep:   #00376E;   /* câmpul hero                                 */
  --tcb-blue-ink:    #032445;   /* Meet Timișoara, footer                      */
  --tcb-yellow:      #F7BB2F;   /* butoane primare, ribbon, accente            */
  --tcb-yellow-soft: #FDF3DC;   /* fundal email capture                        */

  --tcb-ink:         #0C1B2A;   /* text principal — navy, nu negru pur */
  --tcb-ink-60:      #4A5B6D;   /* text secundar                       */
  --tcb-paper:       #F2F5F9;   /* fundal secțiuni alternante          */
  --tcb-line:        #DFE6EE;   /* borduri, separatoare                */
  --tcb-white:       #FFFFFF;

  /* Pe fundal întunecat. Nu folosi opacity pe elementul întreg — pierzi
     contrastul pe descendenți și pici la audit de accesibilitate. */
  --tcb-on-dark:     rgba(255,255,255,.86);
  --tcb-on-dark-dim: rgba(255,255,255,.72);
  --tcb-on-dark-rule:rgba(255,255,255,.20);

  /* ---- TIPOGRAFIE -----------------------------------------
     Perechea vine din interiorul Meeting Planner's Guide:
     sans greu + serif italic („Strategic Development").
     Italicul marchează mereu partea care poartă ideea,
     niciodată ceva decorativ.                                  */

  --tcb-sans:  'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --tcb-serif: 'Newsreader', Georgia, 'Times New Roman', serif;

  --tcb-fs-h1:   clamp(2.5rem, 6.4vw, 4.5rem);
  --tcb-fs-h2:   clamp(1.95rem, 3.9vw, 3rem);
  --tcb-fs-h3:   1.22rem;
  --tcb-fs-lede: clamp(1.05rem, 1.6vw, 1.22rem);
  --tcb-fs-body: 17px;
  --tcb-fs-small:.83rem;
  --tcb-fs-micro:.73rem;

  --tcb-ls-tight:-.035em;   /* H1  */
  --tcb-ls-h2:   -.028em;
  --tcb-ls-h3:   -.018em;
  --tcb-ls-wide:  .15em;    /* eyebrow, label-uri uppercase */

  --tcb-lh-tight:1.06;
  --tcb-lh-body: 1.65;

  /* ---- SPAȚIERE ------------------------------------------- */
  --tcb-sec-y:  clamp(64px, 8vw, 112px);  /* padding vertical secțiune */
  --tcb-gut:    clamp(20px, 5vw, 40px);   /* gutter lateral            */
  --tcb-gap-lg: clamp(32px, 6vw, 80px);   /* între coloanele unui split */
  --tcb-gap-md: clamp(22px, 3vw, 38px);
  --tcb-wrap:   1180px;                   /* = Content Width din Elementor */

  /* ---- FORMĂ ---------------------------------------------- */
  --tcb-r:      14px;    /* carduri, imagini */
  --tcb-r-pill: 100px;   /* butoane, chips, input-uri */

  /* ---- MIȘCARE --------------------------------------------
     1.6s per cuvânt la schimbul first/only. Brief-ul cerea
     300-500ms; sub ~500ms textul care se schimbă distrage și
     intră în zona de risc pentru fotosensibilitate.            */
  --tcb-swap-cycle: 3.2s;
  --tcb-swap-half:  1.6s;
  --tcb-ease:       cubic-bezier(.7, 0, .25, 1);
  --tcb-t-fast:     .18s ease;
}