/* Designové tokeny.
 *
 * Převzaté z prototypu v22, který vedení schválilo. Tam je měl každý blok
 * deklarovaný u sebe, protože sekce prototypu musí být samostatně zkopírovatelné.
 * V produkci sdílený stylopis existuje, takže tokeny patří na :root — jinak by
 * se stejné hodnoty opisovaly v pěti souborech a rozešly by se, což se ve v21
 * skutečně stalo (tři různé výšky tlačítek mezi stránkami).
 *
 * Paleta je vínově bordó a nemění se. Zadavatel jiné barevnosti odmítl.
 */

:root {
    /* --- Text --- */
    --fg-normal: hsl(334 40% 22%);
    --fg-muted: hsl(334 12% 42%);   /* kontrast ≥ 4,5 : 1 (WCAG AA) na krému, bílé i pudru; v22 měl 48 % a nevyhověl */

    /* --- Plochy --- */
    --bg-normal: hsl(36 40% 96%);   /* krémové pozadí stránky */
    --bg-karta: hsl(0 0% 100%);
    --bg-pole: hsl(36 40% 98%);
    --bg-pudr: hsl(345 30% 94%);    /* růžový pruh zvýrazněných sekcí */

    /* --- Značka --- */
    --c-bordo: hsl(334 45% 26%);
    --c-bordo-tmava: hsl(334 45% 20%);
    --c-akce: hsl(345 62% 36%);
    --c-akce-tmava: hsl(345 62% 30%);
    --c-zlata: hsl(40 55% 52%);
    --c-linka: hsl(334 12% 89%);
    --c-obrys: hsl(334 22% 70%);
    /* Barvy nového loga (mediány pixelů předlohy, prototyp/v50): nápis, kaňka, okraj kaňky.
       Kontrast na krému 10,4 : 1 a 6,1 : 1; krém na červené 6,9 : 1. */
    --c-logo-tmava: #7B061A;
    --c-logo-cervena: #A92039;
    --c-logo-svetla: #C9586C;
    --c-oznaceni: hsl(345 50% 86%); /* pozadí označeného textu (::selection) */
    --c-ano: hsl(145 40% 30%);      /* „ano / ne" v přehledech (Tiché víno a DPH) */
    --c-ne: hsl(0 55% 42%);

    /* --- Stíny ---
     * Barva stínu je zatónovaná bordó, ne černá. Prototyp měl --stin-zvednuta
     * ve dvou různých hodnotách a --stin-mekky s --stin-foto byla dvě jména
     * pro totéž; sjednoceno. */
    --stin-karta: 0 2px 8px hsl(334 20% 30% / 0.05);
    --stin-zvednuta: 0 12px 32px hsl(334 20% 30% / 0.1);
    --stin-mekky: 0 16px 40px hsl(334 20% 30% / 0.08);

    /* --- Rádiusy ---
     * Schválně různé. Jeden rádius na všem je znak generického vzhledu. */
    --r-ovladani: 10px;
    --r-karta: 16px;
    --r-drobny: 8px;
    --r-pilulka: 999px;

    /* --- Písmo --- */
    --font-nadpis: Newsreader, Georgia, "Times New Roman", serif;
    --font-text: "DM Sans", "Segoe UI", system-ui, -apple-system, sans-serif;

    /* --- Rozměry ovládání ---
     * Tlačítko „Do košíku" a počítadlo mají stejnou výšku schválně: jinak karta
     * při přidání do košíku poskočí. Hodnoty jsou z KOSTRA.md, sekce
     * „Jednotné rozměry ovládání". */
    --v-ovladani: 2.75rem;
    --s-krok: 2.5rem;

    /* --- Layout --- */
    --sirka-obalu: 78rem;
    --sirka-clanku: 52rem;          /* sloupec textu: textové stránky, Tiché víno a DPH */
}