/* ============================================================
   TOKENI
   ============================================================

   Valorile sunt calibrate pe masuratori directe in browser pe cinci magazine
   din Romania — eMAG, Dedeman, Hornbach, MatHaus, lascule.ro — nu pe gust si
   nu pe studii internationale. Un client roman compara cu ce vede zilnic.

   Constatarea care conteaza cel mai mult: tipografia magazinelor romanesti e
   RETINUTA. Titlurile de sectiune sunt 20-25px cu greutatea 400-500 la toate
   cinci. Niciunul nu foloseste titluri mari si bold. Impresia de "profesionist"
   vine din densitate si ordine, nu din tipografie expresiva.

   Tokenii de culoare, spatiu si marime vin din theme.json, ca sa fie o singura
   sursa de adevar si sa apara si in editor. Aici stau doar aliasurile scurte si
   valorile care nu au echivalent in theme.json.
   ============================================================ */

:root {
  /* Culori — alias peste presetele din theme.json */
  --c-action: var(--wp--preset--color--action, #d40000);
  --c-action-dark: var(--wp--preset--color--action-dark, #a80000);
  --c-ink: var(--wp--preset--color--ink, #16181d);
  --c-muted: var(--wp--preset--color--ink-muted, #5b6472);
  --c-bar: var(--wp--preset--color--bar, #16181d);
  --c-page: var(--wp--preset--color--page, #f4f5f7);
  --c-surface: var(--wp--preset--color--surface, #fff);
  --c-line: var(--wp--preset--color--line, #e3e6ea);
  --c-line-strong: var(--wp--preset--color--line-strong, #c9cfd6);
  --c-ok: var(--wp--preset--color--ok, #0f7a34);
  --c-white: #fff;

  /* Spatii */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4rem;

  /* Layout. 1200px: masurat 1170 la MatHaus, 1260 la eMAG, 1440 la Hornbach.
     Peste 1400 pagina incepe sa para goala pe monitoare late. */
  --wrap: 1200px;
  --gutter: var(--s-4);

  /* Inaltimea barii subtiri de sus. Folosita in doua locuri care trebuie sa
     ramana sincronizate: inaltimea reala a barii si `top`-ul negativ al
     antetului lipit. Un singur numar, ca sa nu poata devia. */
  --topbar-h: 34px;

  --radius: 8px;
  --radius-sm: 6px;

  --shadow-sm: 0 1px 2px rgb(22 24 29 / 6%), 0 1px 3px rgb(22 24 29 / 4%);
  --shadow-md: 0 8px 20px -10px rgb(22 24 29 / 22%);

  --t: 160ms ease;
}