/* ===========================================================================
   ReviewFi – design tokens. JEDINÝ zdroj pravdy pro barvy napříč všemi
   plochami: landing, články, dashboard, admin centrála, portál pro hosty
   i tiskoviny (předávací karta, protokol, etikety).

   Vzniklo z auditu 4. 8. 2026, který našel rozjeté hodnoty: hvězdička měla
   tři různé barvy podle toho, na kterou plochu se člověk díval (#8b630e,
   #e8a921, #f5a623), chybová červená taky tři (#b03a36, #dc4a44, #b3261e),
   a --mut, --bg i --deeper se lišily o pár jednotek hexu. Nikdo si toho
   vědomě nevšimne - a přesně proto to působilo, že "tomu něco chybí".

   Pravidlo: nové barvy se přidávají SEM, ne do jednotlivých stránek.
   Admin a dashboard jsou jednosouborové (kvůli rychlosti a aby nebliklo
   téma), takže mají hodnoty vepsané v <style> - musí ale odpovídat těmhle.
   =========================================================================== */
:root{
  /* --- značka ------------------------------------------------------------ */
  --brand:#0d7a5f;        /* zelená ReviewFi: plochy, ikony, akcenty         */
  --brand-2:#19a37f;      /* světlejší zelená: fokus, přechody               */
  --mint:#57d9a3;         /* mint: akcent na tmavém podkladu, CTA            */
  --deep:#0b3d31;         /* tmavá zelená: hlavičky, tmavé sekce             */
  --deeper:#07231c;       /* nejtmavší: text na mintu, ražba značky          */

  /* --- text a plochy ----------------------------------------------------- */
  --ink:#1e2833;          /* hlavní text                                     */
  --mut:#66717e;          /* vedlejší text (na bílé 4,97:1 - prochází AA)    */
  --line:#e4e8ee;         /* rámečky                                         */
  --hair:#eef1f5;         /* vlasové linky uvnitř bloků                      */
  --bg:#f6f7f9;           /* podklad stránky                                 */
  --card:#fff;            /* karty                                           */
  --soft:#f4faf7;         /* jemný zelený podklad                            */
  --paper:#faf8f3;        /* papír z předávací karty - doklady a parametry   */
  --paper-line:#e8e2d6;   /* rámeček k papíru                                */

  /* --- hvězda ------------------------------------------------------------
     Dvě role, jeden odstín. --star je VÝPLŇ (pozadí pruhu, plocha odznaku,
     obrys buňky), --star-text je tmavší varianta pro všechno, co je na
     světlém podkladu POPŘEDÍ - text, glyf, ikona. Dřív se používaly tři
     nesouvisející žluté.

     POZOR na dřívější znění téhle poznámky, které tvrdilo, že --star „stačí
     3:1". Nestačí: #e8a921 má na bílé 2,07:1, takže na 3:1 nedosáhne ani na
     svoji vlastní laťku (nález UX-20). Neznamená to, že je hodnota špatně -
     znamená to, že --star patří POD text a POD grafiku, ne do ní. Tam, kde
     zlatá nese hodnotu (podíl kliků z QR cedulky, špička v teplotní mapě),
     stojí totéž číslo vždycky vedle jako text, takže grafika je jen doprovod.
     Kdyby někdy nestála, patří na to místo --star-text.                     */
  --star:#e8a921;
  --star-text:#8b630e;

  /* --- stavy -------------------------------------------------------------
     Stejná logika, a platí pro všechny tři stavové barvy: --danger, --warn
     a --star jsou VÝPLNĚ, jejich *-text varianty jsou popředí.
     --danger je čitelná na světlém podkladu jako text, --danger-fill je
     sytější pro plochy, rámečky a odznaky.                                */
  --ok:#16a05a;
  --danger:#b03a36;
  --danger-fill:#dc4a44;
  --warn:#d97a12;
  /* Oranžová jako text neprojde nikde na světlém: na bílé má 3,11:1 a na
     vlastním jemném oranžovém podkladu (rgba(217,122,18,.14), který si admin
     dává pod odznaky) dokonce 2,69:1. --warn-text je posunutá tak, aby prošla
     obojí - 5,67:1 na bílé a 4,89:1 na tom podkladu. (nález UX-18)         */
  --warn-text:#9a5600;
  /* Výchozí (světlé) varianty pro text; tmavý režim je níž přepisuje. */
  --brand-text:var(--brand);
  --danger-text:var(--danger);

  /* --- stíny a rádiusy --------------------------------------------------- */
  --sh:0 12px 34px rgba(8,46,37,.08);
  --shadow:0 1px 2px rgba(8,46,37,.05),0 1px 3px rgba(8,46,37,.06);
  --shadow-lg:0 8px 28px rgba(8,46,37,.14);
  --r:16px;
}

/* TMAVÝ REŽIM ZDE ZÁMĚRNĚ NENÍ.
   Tenhle soubor načítají veřejné stránky (landing, články, právní stránky)
   a ty jsou navržené jako světlé - hero je tmavě zelené a druhé tmavé téma
   nad ním by se pralo. Kdyby tu tmavé hodnoty byly, návštěvník s tmavým
   systémovým nastavením by dostal světlou grafiku s tmavými barvami textu:
   při prvním pokusu to na landingu srazilo přes dvacet prvků pod 4,5:1.

   Tmavý režim si proto definuje dashboard a admin centrála samy ve svém
   <style> - jsou to jednosouborové nástroje, které stejně potřebují barvy
   inline, aby při načtení neblikly. Hodnoty tam musí odpovídat těmhle. */