/* ============================================================
   Culorile site-ului, ca variabile CSS (vezi DESIGN.md → Colors).
   Se încarcă înaintea celorlalte foi, pe toate paginile.

   Regula de contrast (WCAG AA): text normal ≥ 4,5:1, text mare ≥ 3:1,
   contururi și inele de focus ≥ 3:1.
   - Portocaliul mărcii (#E8720C) e culoarea butoanelor, a fundalurilor și
     gradientelor portocalii, a logoului, a bordurilor, iconițelor și a
     titlurilor mari. Ca text mic pe alb are doar 3,1:1, de aceea:
   - textul portocaliu MIC pe fundal deschis (linkuri, prețuri, etichete,
     taburi) e cu o treaptă mai închis (#A85207): 4,9:1 și pe hârtia rece
     (#F4F6F9), și pe piersică (#FEF3E8).
   - Portocaliul ars (#B85A08) rămâne pentru hover/apăsat pe butoane și
     pentru inelul de focus (4,7:1 pe alb).
   - Pe tema întunecată, textul portocaliu devine portocaliu lumină (#F08A2E):
     6,1:1 pe cărbune.
============================================================ */
:root {
  --portocaliu: #E8720C;            /* marcă: logo, borduri, iconițe, accente */
  --portocaliu-buton: #E8720C;      /* fundalul butoanelor principale pline (text alb) */
  --portocaliu-buton-hover: #B85A08;/* hover / apăsat pe butoanele principale */
  --portocaliu-sticla: rgba(232, 114, 12, 0.85); /* butoanele de sticlă (Cont meu, Caută, Rezervă); la hover trec pe --portocaliu plin */
  --portocaliu-gradient: linear-gradient(180deg, #F08A2E, #E8720C); /* butoanele cu gradient (Trimite, Resetează, comutatoare, apel) */
  --portocaliu-ars: #B85A08;        /* portocaliu ars: hover-ul butoanelor, inelul de focus */
  --portocaliu-text: #A85207;       /* text portocaliu MIC pe fundal deschis (linkuri, prețuri, etichete, taburi) */
  --portocaliu-titlu: #E8720C;      /* text portocaliu MARE (titluri de 20px bold sau mai mari): marca trece de 3:1 */
  --portocaliu-lumina: #F08A2E;     /* accentul din hero, text portocaliu pe tema întunecată */

  --text-principal: #1A1A1A;
  --text-secundar: #666666;         /* etichete, categorii, meta (fost #888/#999) */
  --text-ajutor: #555555;           /* texte de ajutor, note, subtitluri (fost #777) */

  --rosu-text: #A32D2D;             /* erori, „Închis”, „Indisponibil” ca text */
  --verde-text: #1A7A3A;            /* „Disponibil”, „Gratuit” ca text */
  --verde-whatsapp-inchis: #158540; /* butoanele WhatsApp cu text alb (4,7:1) */
  --verde-whatsapp-inchis-hover: #0F6B33;

  --inel-focus: #B85A08;            /* conturul de focus la tastatură (4,7:1 pe alb) */
}

body.dark {
  --portocaliu-text: #F08A2E;
  --portocaliu-titlu: #F08A2E;
  --text-secundar: #A8A8A8;         /* 6,1:1 pe #252525 */
  --text-ajutor: #BDBDBD;
  --rosu-text: #F28B82;             /* 6,4:1 pe #252525 */
  --verde-text: #6FDC9A;
  --inel-focus: #F08A2E;
}