/* Herbawell — design tokens (styleguide 1.0, kierunek premium).
   Zasady: max dwa tła w widoku (kość + zieleń), mosiądz nigdy jako tło dużej powierzchni
   ani tekst akapitu; zero zaokrągleń i cieni — podział treści linią 1px var(--hw-line). */
:root {
  /* Kolory */
  --hw-green: #10261C;        /* zieleń butelkowa: nagłówki, primary, sekcje, stopka */
  --hw-green-hover: #1D4030;  /* hover primary */
  --hw-bone: #F7F5F0;         /* główne tło — nigdy czysta biel */
  --hw-bone-dark: #EFEDE6;    /* bloki wyróżnione, upsell, cytaty */
  --hw-brass: #B08D57;        /* tekst TYLKO na zieleni; obwódki/linie wszędzie */
  --hw-brass-dark: #8A6A3B;   /* tekst mosiężny na kości (4.58:1) */
  --hw-brass-deep: #7A5A2F;   /* tekst mosiężny na #EFEDE6 i #E4E2DA */
  --hw-sage: #DDE2D8;         /* tła zdjęć produktowych i hero */
  --hw-text: #3B4A41;         /* akapity */
  --hw-text-soft: #4B5A50;    /* mniejszy tekst */
  --hw-text-muted: #8A9A8E;   /* tylko ≥18px i ceny przekreślone */
  --hw-line: rgba(16, 38, 28, .12);
  --hw-line-strong: rgba(16, 38, 28, .3);

  /* Pastelowe podkłady kategorii (jeden podkład na kategorię, bez mieszania w siatce) */
  --hw-tint-1: #EDEBE1;
  --hw-tint-2: #E2EAE3;
  --hw-tint-3: #E4E8EC;
  --hw-tint-4: #E3E6EB;
  --hw-tint-5: #EEE7DC;
  --hw-tint-6: #EFE3E2;

  /* Typografia: Jost 400 tekst / 500 nagłówki+ceny / 600 wyróżnienia / 700 mikroetykiety */
  --hw-font: 'Jost', system-ui, sans-serif;

  /* Layout: desktop 1440 margines 56px; mobile 390 margines 22px; sekcje 76–84px */
  --hw-radius: 0;
  --hw-btn-h: 56px;      /* 52px na mobile */
}