/* ============================================================
   STOC EXPRESS — o singură marcă, trei aplicații
   ------------------------------------------------------------
   Panoul, contul clientului și aplicația de depozit au crescut
   separat, fiecare cu culorile lui. S-a ajuns aici:

     auriul      #C9A44C în panou și pe site, #C9A24A scris în
                 cont.css dar acoperit de #F0B429 din cont-ui.css,
                 și tot #F0B429 în depozit;
     roșul       #C85C52 în panou, #C05B51 în portal, #B3261E în
                 depozit, plus un „danger" cu fundal palid;
     verdele     #1B6437 în panou, #1F7A4D în depozit.

   Omul care vede și contul, și panoul, vede două aurii diferite
   pentru aceeași firmă.

   Fișierul ăsta nu rescrie nimic din ce există: se încarcă ULTIMUL
   și pune aceeași valoare peste toate numele locale. Dacă nu
   convine, se scoate o linie din fiecare pagină și totul revine
   exact cum era.

   Culoarea de referință e cea de pe site-ul public — aia e marca,
   nu ce s-a nimerit prin aplicații.
   ============================================================ */

:root {
  /* ---- marca ---- */
  --se-auriu:        #F0B429;   /* galbenul pe care il vad clientii in portal */
  --se-auriu-sus:    #F5C454;   /* la trecerea cu mausul */
  --se-auriu-jos:    #C78E12;   /* apăsat / accente închise */
  --se-pe-auriu:     #241900;   /* scrisul pe auriu plin */

  --se-noapte:       #0A2342;   /* albastrul închis al mărcii */
  --se-pe-noapte:    #FFFFFF;

  /* ---- sensuri, aceleași peste tot ---- */
  --se-bun:          #1B6437;   /* a intrat, e gata, e bine */
  --se-rau:          #B3261E;   /* pierdere, ștergere, oprire */
  --se-atentie:      #A8842F;

  --se-cerneala:     #16233A;
  --se-cerneala-2:   #3A4759;
  --se-linie:        #E1E7EE;
}

/* ============================================================
   NUMELE LOCALE, TOATE CĂTRE ACEEAȘI CULOARE
   ------------------------------------------------------------
   Fiecare aplicație își păstrează numele cu care e scrisă — nu
   umblăm prin mii de rânduri ca să le redenumim. Le legăm doar
   la aceeași valoare.
   ============================================================ */
:root {
  /* panou (admin.css) */
  --gold:        var(--se-auriu);
  --gold-deep:   var(--se-auriu-jos);
  --good:        var(--se-bun);
  --bad:         var(--se-rau);

  /* contul clientului (cont.css, cont-ui.css) */
  --gold-400:    var(--se-auriu);
  --gold-500:    var(--se-auriu-jos);

  /* aplicația de depozit (depozit-comenzi.css, depozit.css) */
  --auriu:       var(--se-auriu);
  --bun:         var(--se-bun);
  --rau:         var(--se-rau);
}

/* ============================================================
   BUTOANELE
   ------------------------------------------------------------
   Aceeași formă și aceleași înțelesuri în toate trei. Panoul
   le cheamă `.b`, portalul `.btn`; le tratăm împreună.

   Patru înțelesuri, nu douăsprezece variante:
     AURIU   — fapta principală a ecranului. Unul singur pe ecran.
     NOAPTE  — o faptă tare, dar nu cea principală.
     ALB     — neutru: anulează, închide, deschide altceva.
     ROȘU    — distruge ceva. Plin, nu palid: dacă șterge marfă,
               trebuie să se vadă că șterge marfă.

   Butoanele sunt PLATE: fără degradeuri, fără umbre colorate,
   fără fundaluri palide. Un chenar subțire și culoarea plină.
   ============================================================ */

/* NUMAI CULORI, NICIO MĂRIME.

   Prima formă a fișierului ăstuia punea și forma butonului — colțuri,
   chenar, înălțime de rând. Era greșit: butoanele din depozit au
   `border: 0` și colțuri de 11px, iar rândul de patru de sub comandă e
   socotit la pixel pentru deget. Un chenar de 1,5px adăugat peste tot
   le-ar fi schimbat lățimea și le-ar fi rupt pe două rânduri.

   Deci: aceleași CULORI peste tot, fiindcă marca e una. Mărimile rămân
   ale fiecărei aplicații, fiindcă un buton apăsat cu degetul în depozit
   n-are de ce să fie cât unul apăsat cu mausul în panou. */

/* ---- auriu: fapta principală ---- */
.b--gold, .btn--gold, .btn--auriu, .b--auriu {
  background: var(--se-auriu);
  border-color: var(--se-auriu);
  color: var(--se-pe-auriu);
  /* Pe site, butonul mare avea o umbra COLORATA sub el, legata de vechea
     culoare (`0 8px 22px #c9a44c52`). Cu alt galben ar fi ramas un halou
     auriu sub un buton galben. Si oricum: butoanele sunt plate. */
  box-shadow: none;
}
.b--gold:hover, .btn--gold:hover, .btn--auriu:hover, .b--auriu:hover {
  background: var(--se-auriu-sus);
  border-color: var(--se-auriu-sus);
}

/* ---- noapte: faptă tare, secundară ---- */
.b--night, .btn--night {
  background: var(--se-noapte);
  border-color: var(--se-noapte);
  color: var(--se-pe-noapte);
}
.b--night:hover, .btn--night:hover { background: #123456; border-color: #123456; }

/* ---- NEUTRELE NU INTRA AICI ----

   Aveam si `.b--plain` / `.b--ghost` aici, cu alb si gri inchis. A fost o
   greseala: „neutru" si „fara chenar" NU inseamna aceeasi culoare peste
   tot, fiindca depind de fundalul pe care stau.

   Pe site, butonul secundar din hero (`.btn--ghost`) e ALB cu chenar alb
   translucid, fiindca sta peste o fotografie intunecata — site-ul are
   chiar si o exceptie scrisa pentru sectiunea deschisa. Regula mea de
   aici i-a pus gri inchis peste alb, si butonul „Hai sa lucram impreuna"
   a devenit invizibil.

   Deci fisierul de marca unifica doar culorile care SUNT ale marcii —
   auriul, rosul, verdele, bleumarinul plin. Neutrele raman ale fiecarei
   aplicatii, care stie pe ce fundal le pune. */
/* ---- verde: s-a făcut ---- */
.b--verde, .btn--verde, .b--gata, .b--predat {
  background: var(--se-bun);
  border-color: var(--se-bun);
  color: #fff;
}

/* ---- roșu: distruge ----

   Erau patru roșuri si un „danger" cu fundal palid, care arăta ca
   o sugestie, nu ca o ștergere. Unul singur, plin. */
.b--red, .b--danger, .btn--danger, .btn--red {
  background: var(--se-rau);
  border-color: var(--se-rau);
  color: #fff;
  font-weight: 700;
}
.b--red:hover, .b--danger:hover, .btn--danger:hover, .btn--red:hover {
  background: #8E2A1F;
  border-color: #8E2A1F;
}

/* ---- WhatsApp: culoarea lor, nu a noastră ---- */
.b--wa, .btn--wa {
  background: #25D366;
  border-color: #25D366;
  color: #06331A;
}

/* ---- apăsarea, la fel peste tot ---- */
.b:active, .btn:active { transform: translateY(1px); }
.b[disabled], .btn[disabled], .b:disabled, .btn:disabled {
  opacity: .5; cursor: not-allowed; transform: none;
}

/* ============================================================
   CE NU ATINGEM
   ------------------------------------------------------------
   Aplicația de depozit se ține pe telefon, cu degetul, iar
   butoanele ei au înălțimi și lățimi socotite pentru asta (rândul
   de patru de sub comandă). Aici îi schimbăm doar CULORILE;
   mărimile rămân ale ei.
   ============================================================ */