/* ─────────────────────────────────────────────────────────────────────────────
   GUSTORA — tokens de marca. SURSA UNICA pentru culoare si tipografie.
   Sursa: placa de brand aprobata de Stefan, 2026-08-21 ("Tecnologia à mesa").

   Cine il incarca: pos.css (garcom / mesas / pdv), admin.html, gustora.html,
   menu-client.html, print-admin.html. Nicio suprafata nu-si mai tine paleta
   proprie — pana azi existau PATRU palete divergente in acelasi produs.

   Doua reguli care arata ca stil dar sunt functionale, mostenite din pos.css:
   - fonturile sunt AUTO-GAZDUITE (assets/fonts/*.woff2). Zero cereri catre
     internet la runtime: POS-ul arata identic cand pica reteaua. Nu pune
     niciodata un <link> catre fonts.googleapis.com aici.
   - cifrele stau pe monospace tabular (--cifre), ca sa nu salte in latime
     cand vine o actualizare pe SSE sau cand un total trece de la 9,00 la 10,00.

   Contrastele de mai jos sunt MASURATE (WCAG 2.1), nu estimate. Daca schimbi un
   hex, recalculeaza — perechile marcate "AA" duc text normal de 14-16px.
   ───────────────────────────────────────────────────────────────────────────── */

/* Variabile, deci un singur fisier per familie acopera 400-600.
   `swap`: textul se vede imediat cu fontul de sistem si se schimba cand
   ajunge fontul — pe o casa de marcat nu asteptam niciodata litera. */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url('fonts/playfair-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url('fonts/montserrat-latin.woff2') format('woff2');
}

:root {
  /* ── Paleta oficiala, exact hexurile de pe placa ────────────────────────── */
  --g-vinho: #4b0f1a;
  --g-ouro: #d4af37;
  --g-creme: #f3ebdd;
  --g-preto: #1a1a1a;
  --g-cinza: #6b6b6b;

  /* ── Derivate. Scara de intuneric: acelasi negru, ridicat pentru "etaje" de
        panou. Verificat: creme 12,4-14,7:1 si ouro 7,0-8,3:1 pe toate trei. ── */
  --g-preto-2: #232021;
  --g-preto-3: #2c2727;
  --g-linie: #3a3234;

  /* Vin mai deschis DOAR pentru fundaluri si borduri (hover, chenare). Nu duce
     text pe negru. Vinul oficial pe crem da 12,83:1, deci ala e vinul de text. */
  --g-vinho-2: #6a1826;
  --g-vinho-fund: #350a12;

  /* Suprafete deschise. Cardurile de pe placa sunt albe pe crem. */
  --g-branco: #ffffff;
  --g-creme-2: #faf6ef;
  --g-linie-clara: #e3d8c6;

  /* Cerneluri. --g-tinta e textul pe crem/alb; --g-cinza e secundarul (4,50:1
     pe crem — exact la prag, deci NU-l cobori). Pe intuneric secundarul e
     --g-creme-slab (6,45:1), fiindca --g-cinza da doar 3,27:1 pe negru. */
  --g-tinta: #2b2118;
  --g-creme-slab: #a89c89;

  /* Stari. Vinul brandului e prea inchis ca semnal pe negru; alarma e aceeasi
     familie ridicata pana la 6,30:1. */
  --g-alarma: #e08272;
  --g-bine: #8fae7b;

  /* Aurul de marca NU duce text mic pe suprafete deschise: 1,78:1 pe crem, 2,10:1 pe alb.
     --g-ouro-tinta e acelasi ton coborat pana trece pragul PE AMANDOUA (4,77 / 5,65).
     Regula: aur = accent pe INTUNERIC sau fundal plin; pe deschis se foloseste asta.
     Pe fundal auriu plin, textul e --g-preto (8,28:1), niciodata alb (2,10:1). */
  --g-ouro-tinta: #7e640f;

  /* ── Tipografie ─────────────────────────────────────────────────────────── */
  --g-serif: 'Playfair Display', Georgia, 'Iowan Old Style', 'Times New Roman', serif;
  --g-sans: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --g-cifre: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, monospace;

  /* Titlurile de pe placa stau pe Playfair cu tracking normal; etichetele mici
     (PALETA DE CORES, TIPOGRAFIA, ATENDIMENTO) sunt Montserrat majuscule cu
     spatiere larga. Sunt doua tokenuri fiindca se repeta in toate suprafetele. */
  --g-eticheta-spatiere: 0.14em;
  --g-umbra: 0 10px 30px rgba(0, 0, 0, 0.45);
  --g-umbra-clara: 0 1px 2px rgba(43, 33, 24, 0.06), 0 8px 24px rgba(43, 33, 24, 0.06);
}

/* Eticheta mica majuscula — repetata identic in 5 suprafete pana acum. */
.g-eticheta {
  font-family: var(--g-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: var(--g-eticheta-spatiere);
  text-transform: uppercase;
}