/* ============================================================
   TEMA — targuldepiese.ro
   ------------------------------------------------------------
   Somon pe prun cald.

   DE CE ACESTA. Varianta dinainte (corai #FF4D3D pe indigo
   #1B1B57) trecea contrastul WCAG fara probleme, dar obosea
   ochiul: cele doua culori erau aproape complementare (125 grade
   diferenta de nuanta) si amandoua saturate, iar la marginea
   dintre ele apare o vibratie. Contrastul WCAG masoara
   LIZIBILITATEA, nu confortul — sunt lucruri diferite.
   Aici accentul (13 grade) si fundalul (332 grade) sunt la doar
   41 de grade unul de altul, adica din aceeasi zona calda.
   Masura de asprime (saturatie x saturatie x diferenta de nuanta)
   scade de la 0,37 la 0,03.

   CONTRAST, verificat pe fiecare pereche reala din interfata:
     text pe buton      8,08x     link pe alb          5,26x
     alb pe bara meniu 15,98x     accent pe bara meniu 6,52x
   `--accent-tare` (culoarea linkurilor) e coborat pana trece si
   pe alb, SI pe `--accent-slab` — altfel eticheta "se potriveste"
   iese prea slaba. `--pe-accent` e INCHIS: alb pe somon da 2,3x.

   DIFERENTIEREA. Accentul e la 15 grade de portocaliul autohut,
   deci apropiat — separarea o face bara de meniu: prunul cald
   (332 grade) sta la 134 de grade de albastrul-verzui autohut si
   la 50 de maroul piesedirect. Daca pe viu cele doua magazine par
   totusi inrudite, somonul se poate duce mai spre roz.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800&family=Manrope:wght@400;500;600;700&display=swap');

:root {
  --accent:      #F08A6E;
  --accent-clar: #F5AE9A;
  --accent-tare: #C53A14;
  --accent-slab: #FBEFEC;
  --pe-accent:   #0A0A0A;
  --accent-rgb:  240, 138, 110;

  --inchis:      #2B1E24;
  --inchis-rgb:  43, 30, 36;

  --umbra-accent: 0 4px 14px rgba(var(--accent-rgb), .38);

  --f-titlu: 'Archivo', 'Segoe UI', system-ui, sans-serif;
  --f-text:  'Manrope', 'Segoe UI', system-ui, sans-serif;
}