/*
 * _variables.css — Starterpack (child theme) — lokalne helpery CSS
 *
 * ⚠️ KOLORY / FONTY / SPACING / RADIUS / SHADOW: NIE definiuj tutaj.
 * Pochodza z /theme-tokens.css (generowany przez PrestaShop Installer v1.5+).
 * Uzywaj bezposrednio:
 *   --wh-color-primary / --wh-color-secondary / --wh-color-accent
 *   --wh-color-text-primary / --wh-color-text-muted / --wh-color-text-inverse
 *   --wh-color-bg-base / --wh-color-bg-subtle / --wh-color-border-subtle
 *   --wh-font-body / --wh-font-heading
 *   --wh-font-size-base / h1 / h2 / h3 / p-big / p / p-small
 *   --wh-space-4/8/12/16/20/24/28/32/40/48/64 (skala liczbowa, px)
 *     + aliasy --wh-space-xs..xl / --wh-radius-* / --wh-shadow-* / --wh-duration-*
 *
 * Ten plik dodaje TYLKO to czego NIE MA w theme-tokens.css —
 * lokalne derivative / wartosci specyficzne dla tego projektu.
 */

:root {
  /* Derivative kolorow brand (przyklady — dostosuj/usun wg projektu) */
  --st-primary-hover: #362e27;
  --st-primary-hover: color-mix(in srgb, var(--wh-color-primary) 85%, black);
  --st-primary-light: #ecebea;
  --st-primary-light: color-mix(in srgb, var(--wh-color-primary) 10%, white);
  --st-accent-light: #f0ece8;
  --st-accent-light: color-mix(in srgb, var(--wh-color-accent) 15%, white);
  /* ⚠️ small/mid/big USUNIETE 2026-07-24. Lamaly kontrakt z naglowka tego
     pliku (odstepy definiowane lokalnie zamiast w theme-tokens.css), przez co
     modul stokenizowany na nie podazal za brandem TYLKO na Fashion.
     Generator emituje teraz pelna skale liczbowa (brief CI-CD 2ef453d),
     wiec mapujemy: small -> 12, mid -> 20, big -> 28 (bylo 27 px, +1 px). */
  --wh-color-border-light: #EEE;
  --wh-color-light: #EEE;
  --wh-color-bg-light: #f7f7f7;

  /* Wartosci specyficzne dla layoutu projektu (przyklad — dostosuj) */
  /* --st-topbar-height: 4.4rem; */
}

/* ============================================================================
 * Material Icons — SUBSET zamiast pełnego kroju
 * ============================================================================
 *
 * Motyw rodzica (Hummingbird) deklaruje rodzinę `Material Icons` wskazując
 * na pełny font: 125 116 B, 2188 glifów. Zmierzone: na stronie głównej
 * renderuje się z tego JEDNA ikona.
 *
 * Ta reguła nadpisuje tamtą deklaracją o TEJ SAMEJ nazwie rodziny, wadze
 * i stylu — wskazującą na subset 113 ligatur faktycznie używanych w kodzie:
 *
 *     125 116 B  ->  7 192 B     (mniej o 118 KB, 94 %)
 *
 * ⚠️ DZIAŁA TYLKO DLATEGO, że `theme.css` importuje `_hummingbird.css` PRZED
 * plikami `custom/` — czyli nasza deklaracja jest później w kaskadzie i wygrywa.
 * Zmiana kolejności importów cofnie ten efekt bez żadnego komunikatu.
 *
 * ⚠️ IKONA SPOZA SUBSETU RENDERUJE SIĘ JAKO TEKST LIGATURY — zamiast glifu
 * 24 px pojawi się napis `shopping_cart` szerokości ~110 px. Mamy to w kanonie
 * jako przeżyty incydent. Dlatego dodając nową ikonę URUCHOM:
 *
 *     python3 tools/dev/audyt-ikon-w-subsecie.py
 *
 * Guard pada, gdy w kodzie pojawi się ligatura spoza `fonts/MaterialIcons/LIGATURY.txt`.
 *
 * ⚠️ Font i ta reguła MUSZĄ jechać razem. Nie przenoś reguły do skeletonu bez
 * przeniesienia fontu — projekt na innej branży miałby ikony CAŁKIEM zepsute,
 * co jest gorsze niż 125 KB.
 */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  /* ⚠️ DWIE kropki RAZY DWA, nie raz. Ten plik lezy w assets/css/custom/,
     a font w assets/fonts/ — ../ prowadzi do assets/css/fonts/, ktore nie istnieje.
     Wzorzec: Poppins ma regule o poziom wyzej (assets/css/), stad tam jedno ../.
     Zmierzone 2026-08-25: assets/fonts/Poppins/Poppins-Regular.woff2 -> 200 OK.
     ⛔ Przy 404 przegladarka NIE wraca do deklaracji rodzica — leca WSZYSTKIE
     ikony na ligatury, nie tylko te spoza subsetu. Objaw: napis zamiast glifu. */
  src: url('../../fonts/MaterialIcons/MaterialIcons-subset.woff2') format('woff2');
}