/* Paleta marki Koszulkowy / Tričkový — błękit i pomarańcz.
   Wspólna dla WSZYSTKICH sklepów tego multistore'a: koszulkowy.pl, trickovy.cz
   i trickovy.sk mają ten sam motyw i te same barwy (sprawdzone w arkuszach każdego
   z nich: #00baff i #ff7800 w komplecie).
   =========================================================================
   Wgrywa się PO `smartsearch.css` i podmienia same tokeny. Włącza ją klucz
   `palette` w `.smartsearch.php` danego sklepu (`'palette' => 'koszulkowy'`),
   więc jeden katalog modułu obsługuje sklepy o różnych paletach bez rozgałęzienia.

   Barwy zmierzone na żywym sklepie (getComputedStyle na trickovy.sk), nie
   odczytane z arkusza motywu — motyw ma w plikach także kolory bootstrapowe,
   których sklep nigdzie nie rysuje:

     #00baff  błękit marki   — logo, pasek górny, przyciski „Viac"
     #ff7800  pomarańcz      — wyróżnione pozycje menu, gwiazdki ocen
     #727272  szarość tekstu — nazwy produktów i ceny na listingu
     #d6d4d4  obwódki
   ========================================================================= */

:root {
    /* Wypełnienia, obwódki, pierścienie skupienia, suwak ceny, pola wyboru.
       Dokładnie ten błękit, którym sklep maluje swoje przyciski. */
    --ss-accent: #00baff;

    /* ⚠ Ten sam błękit NIE NADAJE SIĘ pod tekst ani pod biały napis: wobec bieli
       ma kontrast 2,2:1. Nazwa kategorii w panelu, licznik zaznaczonych filtrów
       i „pokaż więcej" są do czytania, więc dostają ciemniejszy odcień z tej samej
       rodziny — #007ab7 jest w arkuszu sklepu i daje 4,7:1. */
    --ss-accent-kontrast: #007ab7;

    /* Wstążka „Zľava!" — pomarańcz marki, biały napis.
       ⚠ Zmierzone 2,65:1, czyli poniżej progu WCAG. Zostaje świadomie: to jedno
       słowo na wypełnieniu, powtórzone obok przekreśloną ceną, a sklep rysuje tak
       WSZYSTKIE swoje przyciski (biel na #00baff to 2,2:1). Wyszukiwarka ma wyglądać
       jak część tego sklepu. Sklep, który zdecyduje inaczej, zmienia jedną linijkę. */
    --ss-accent-promo: #ff7800;

    /* Wstążka z liczbą („−4,10 €") — to jedyna liczba, której nie widać nigdzie
       indziej na kafelku, więc tu kontrast wygrywa z dokładnością odcienia. 4,6:1. */
    --ss-flag-discount-fg: #c25400;

    /* Cena — tak jak na listingu sklepu: neutralna, a wyróżnia ją grubość, nie barwa.
       Sklep rysuje cenę szarością #727272; bierzemy odcień o stopień ciemniejszy,
       bo w panelu podpowiedzi cena stoi mniejsza niż na kafelku listingu. */
    --ss-price: #484848;

    --ss-link: #484848;
    --ss-muted: #727272;
    --ss-border: #d6d4d4;

    /* Tła: chłodny odcień bieli zamiast kremowego z palety garibalda. */
    --ss-soft: #f2fbff;
    --ss-answer-bg: #f7fcff;

    /* Kafelki podpowiedzianych zapytań. Błękitna rodzina zamiast kremowej;
       tekst #00679b na #eaf8ff daje 5,7:1. */
    --ss-chip-bg: #eaf8ff;
    --ss-chip-fg: #00679b;
    --ss-chip-bg-hover: #d5f1ff;

    /* Podświetlenie trafionej frazy w nazwie produktu — ciepłe, ale w rodzinie
       pomarańczu marki, nie żółte. Tekst #222 na tym tle: 13,2:1. */
    --ss-mark: #ffe6c7;
}