/* ==========================================================================
   TOKENURI — sectiunea 2 din implementare-wordpress.md
   Declarate o singura data. Toate celelalte reguli folosesc variabilele,
   nu valori literale.
   ========================================================================== */

:root {
  /* Culori */
  --verde-profund:  #173E36;  /* titluri, CTA principal, sectiuni inchise, footer */
  --verde-hover:    #0F2C26;  /* hover pe CTA principal */
  --ivory:          #F7F5F1;  /* fundal principal */
  --bej:            #E9E1D7;  /* separatoare, sectiuni alternative */
  --auriu:          #9A7B48;  /* etichete, accente, numerotari — NU pentru corp de text */
  --auriu-deschis:  #C3A56F;  /* accent pe fundal inchis */
  --carbune:        #2B312F;  /* text principal */
  --text-mediu:     #4A5450;  /* paragrafe */
  --text-secundar:  #6B7370;  /* note, disclaimere */
  --alb:            #FFFFFF;  /* fundal sectiuni */
  --roz-pudrat:     #F1E4E3;  /* EXCLUSIV pagina Femeia 40+ */
  --roz-accent:     #8C4B49;  /* EXCLUSIV pagina Femeia 40+ */
  --roz-eticheta:   #9A5F5C;  /* EXCLUSIV pagina Femeia 40+ */

  /* Borduri */
  --bord-card:      rgba(43,49,47,0.2);
  --bord-fin:       rgba(43,49,47,0.13);
  --bord-buton:     rgba(23,62,54,0.42);

  /* --- 2.1 Tokenuri secundare ------------------------------------------
     Culori care apar in referinta dincolo de cele 13 principale.
     NU se rotunjesc la tokenul principal cel mai apropiat.
     --------------------------------------------------------------------- */

  /* Pe fundal verde inchis */
  --ivory-titlu:      #F4F2EC;  /* titluri si text tare pe verde */
  --ivory-corp:       #F1EFE9;  /* text de corp pe verde */
  --auriu-pe-verde:   #C3A56F;  /* etichete, numerotari, accente pe verde */

  /* Pe fundal deschis */
  --auriu-eticheta:   #8A6E42;  /* eticheta de sectiune — varianta mai inchisa, pentru contrast */
  --text-card:        #5A625E;  /* paragraf in interiorul cardurilor */
  --verde-citat:      #22302B;  /* text de testimonial pe fundal bej */
  --gri-inactiv:      #B9BFBC;  /* semnul „—" din tabelul de comparatie servicii */

  /* Text long-form */
  --text-lung:        #3C4844;  /* paragraf de articol, 16–17.5px, line-height 1.72 (Despre mine) */

  /* Stari */
  --auriu-hover:      #D9BE93;  /* hover pe butonul auriu — deschide culoarea, nu o inchide */

  /* Exclusiv pagina Femeia 40+ */
  --maro-titlu:       #4A2B29;  /* H1 si titluri */
  --maro-text:        #6A4C48;  /* paragrafe */
  --maro-breadcrumb:  #8A6A66;  /* breadcrumb pe fundal roz */
  --roz-pe-verde:     #E3B9B4;  /* numerotari si accente pe fundal verde */
  --roz-badge-text:   #7A4A47;  /* textul badge-ului „Include programul Femeia 40+" */

  /* Tipografie — familii */
  --font-titlu: Newsreader, serif;
  --font-text:  Manrope, system-ui, sans-serif;

  /* Tipografie — scara (tabelul din sectiunea 2) */
  --fs-h1:            clamp(32px, 4.4vw, 52px);   /* H1 pagini interioare */
  --fs-h1-homepage:   clamp(34px, 4.9vw, 56px);   /* H1 homepage */
  --fs-h2:            clamp(27px, 3.3vw, 39px);
  --fs-h3-card:       25px;                        /* 24-25px */
  --fs-h3-lista:      17px;                        /* 16-17px */
  --fs-paragraf:      clamp(15.5px, 1.3vw, 17px);
  --fs-eticheta:      10.5px;
  --fs-buton:         15px;                        /* 14.5-15px */
  --fs-nota:          12.5px;

  --lh-paragraf:      1.65;
  --ls-h1:            -0.02em;
  --ls-h2:            -0.015em;
  --ls-eticheta:      0.3em;

  /* Spatiere */
  --pad-sectiune: clamp(56px, 8vw, 92px) clamp(20px, 4.5vw, 40px);
  --container:    1280px;
  --container-faq: 900px;
}