/* Modul `obchod` — pokladna (souhlasy, účet), zákaznický účet, doklady, zprávy.
   Komponenty `ec-*` (karta, tlačítko, pole) jsou z jádra — tady jen rozložení modulu.
   ⚠️ Načítá se jen na stránkách modulu (VYKON.md P5).

   🔴 TOKENY `--obchod-*`. Modul běží na webech s různým vzhledem (aaalko světlý krém,
      Ecorson tmavý). Proto barvy a rozměry bere jen z vlastních tokenů. Výchozí hodnoty
      jsou v `:where(:root)` (nulová specificita) a míří na tokeny aaalko (`--c-*`,
      `--space-*`); jiný web je přemapuje ve SVÉM stylu obyčejným `:root { --obchod-…: … }`,
      který vyhraje bez ohledu na pořadí načtení. Ecorson: `ecorson.css`. */
:where(:root) {
    --obchod-text:       var(--c-text, #2a211b);       /* text na ploše obchodu (mini-košík) */
    --obchod-text-2:     var(--c-text-2, #6b5d50);     /* tlumený text, popisky */
    --obchod-cara:       var(--c-cara, #eadfcd);       /* linky a rámečky */
    --obchod-cara-2:     var(--c-cara-2, #cdbb9f);     /* výraznější rámeček (interní poznámka) */
    --obchod-plocha:     var(--c-krem-2, #f7f0e4);     /* aktivní položka, stav, bublina obchodu */
    --obchod-povrch:     var(--c-bila, #fff);          /* bublina zákazníka, záložka na telefonu */
    --obchod-papir:      var(--c-papir, #fffdf9);      /* interní poznámka */
    --obchod-akcent:     var(--c-tlacitko, #7c3b14);   /* odznak nepřečtených */
    --obchod-na-akcentu: var(--c-bila, #fff);
    --obchod-chyba:      var(--c-chyba, #a3261b);
    --obchod-1: var(--space-1, 4px);
    --obchod-2: var(--space-2, 8px);
    --obchod-3: var(--space-3, 12px);
    --obchod-4: var(--space-4, 16px);
    --obchod-5: var(--space-5, 24px);
    --obchod-6: var(--space-6, 32px);
    --obchod-radius:   var(--r-karta, 8px);
    --obchod-ovladac:  var(--ctl-h, 44px);             /* dotykový cíl */
    --obchod-prechod:  var(--t-hover, 200ms) var(--easing, ease);
    --obchod-stin:       0 6px 16px rgba(42, 33, 27, .16);   /* dlaždice (kolečko) */
    --obchod-stin-hover: 0 12px 26px rgba(42, 33, 27, .22);
}