/* Designový systém 88 Leads (E1-B1, 29. 9. 2026) — tokeny.
   Jediný zdroj barev, písma, rozestupů a pohybu nového UI (PLAN-2026-09/07 §14).
   POZOR: jen hex/rgb a pevné px: anotace přes html2canvas neumí moderní barevné funkce
   ani viewportové jednotky a clamp. Kontrast dvojic text/-bg hlídá server/test/e1-b1-tokeny.test.js
   (WCAG ≥ 4,5 : 1) — po každé změně barvy se přepočítá. */
:root {
  /* Plochy */
  --plocha-stranka: #F4F4F2;
  --plocha: #FFFFFF;
  --plocha-2: #FAFAF8;
  --plocha-3: #F2F2EF;

  /* Text (údaj nikdy v --text-3, ta je jen na zástupný text a oddělovače) */
  --text: #0A0A0A;
  --text-2: #575752;
  --text-3: #8A8A86;
  --text-vypnuty: #B9B9B4;

  /* Linky */
  --linka: #E8E8E4;
  --linka-silna: #D8D8D2;

  /* Značka: zelená jen pro akce a úspěch; --znacka-jasna nikdy jako barva textu */
  --znacka: #1DA35A;
  --znacka-jasna: #76FB91;
  --znacka-soft: #DCFCE7;
  --znacka-text: #0B5C33;

  /* Fáze leadu (Z09): text / pozadí. Klíč = lead_stav_ciselnik.barva (např. stav-canvas) */
  --stav-novy-lead: #575752;
  --stav-novy-lead-bg: #EEEEEA;
  --stav-otevrel: #0E7490;
  --stav-otevrel-bg: #CFFAFE;
  --stav-canvas: #6D28D9;
  --stav-canvas-bg: #EDE9FE;
  --stav-google-meet: #3730A3;
  --stav-google-meet-bg: #E0E7FF;
  --stav-schuzka-demo: #92400E;
  --stav-schuzka-demo-bg: #FEF3C7;
  --stav-platba: #0F766E;
  --stav-platba-bg: #CCFBF1;
  --stav-makame: #3F6212;
  --stav-makame-bg: #ECFCCB;
  --stav-predavame: #0B5C33;
  --stav-predavame-bg: #DCFCE7;
  --stav-nekontaktovat: #B0301C;
  --stav-nekontaktovat-bg: #FDE5DF;

  /* Stav domluvy (Z19) */
  --domluva-pevna: #1B5E20;
  --domluva-pevna-bg: #DCEFD9;
  --domluva-navrzena: #1E5FA8;
  --domluva-navrzena-bg: #DCEBFB;
  --domluva-zrusena: #B42318;
  --domluva-zrusena-bg: #FDE3E1;

  /* Segmenty (Z11); segmenty typu „otevřený" jsou neutrální (--text-2 / --plocha-3) */
  --segment-ztraceny: #9F3A2C;
  --segment-ztraceny-bg: #F6E3DF;
  --segment-klient: #0B5C33;
  --segment-klient-bg: #DCFCE7;

  /* Sekce detailu leadu (Rejstřík+, 10. 10. 2026): text / jemné pozadí hlavičky / proužek. Firma modrá, lidé fialová,
     komunikace tyrkysová, peníze zelená, úkoly oranžová, rizika červená. Text na -bg ≥ 4,5 : 1 hlídá server/test/rejstrik-detail.test.js */
  --sekce-firma: #1E4E9C;
  --sekce-firma-bg: #EAF1FB;
  --sekce-firma-linka: #3B78D8;
  --sekce-lide: #5B2BB5;
  --sekce-lide-bg: #F2EDFC;
  --sekce-lide-linka: #8A5CE6;
  --sekce-komunikace: #0B6875;
  --sekce-komunikace-bg: #E4F5F7;
  --sekce-komunikace-linka: #1A9AAD;
  --sekce-penize: #17663A;
  --sekce-penize-bg: #E8F6ED;
  --sekce-penize-linka: #26A65B;
  --sekce-ukoly: #9A4209;
  --sekce-ukoly-bg: #FDF1E6;
  --sekce-ukoly-linka: #E8832F;
  --sekce-rizika: #A8281B;
  --sekce-rizika-bg: #FCEBE8;
  --sekce-rizika-linka: #DC4B3C;

  /* Signály */
  --signal-teply: #C2410C;
  --signal-po-terminu: #B0301C;
  --signal-dnes: #A16207;

  /* Zpětná vazba */
  --uspech: #0B5C33;
  --chyba: #B0301C;
  --varovani: #A16207;
  --info: #1E5FA8;

  /* Pruh testovacího prostředí */
  --pruh-final-bg: #FEF3C7;
  --pruh-final-text: #713F12;

  /* Písmo: jediný token pro přepnutí rodiny textu (Inter a Outfit, rozhodnutí 6) */
  --pismo-text: 'Inter';
  --pismo-nadpis: 'Outfit';
  --fs-11: 11px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-20: 20px;
  --fs-24: 24px;
  --lh-11: 1.45;
  --lh-12: 1.45;
  --lh-13: 1.45;
  --lh-14: 1.5;
  --lh-16: 1.3;
  --lh-20: 1.25;
  --lh-24: 1.2;

  /* Rozestupy (mřížka 4 px) */
  --m-1: 4px;
  --m-2: 8px;
  --m-3: 12px;
  --m-4: 16px;
  --m-6: 24px;
  --m-8: 32px;

  /* Tvary */
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-karta: 16px;
  --r-pill: 999px;

  /* Stíny: jen plovoucí prvky (popover, lišta akcí, toast) */
  --stin-1: 0 1px 2px rgba(10, 10, 10, .06), 0 1px 1px rgba(10, 10, 10, .04);
  --stin-2: 0 4px 12px rgba(10, 10, 10, .10), 0 1px 3px rgba(10, 10, 10, .06);
  --stin-3: 0 12px 32px rgba(10, 10, 10, .16), 0 2px 6px rgba(10, 10, 10, .08);
  /* Závoj pod modálním oknem (css/modal.css) */
  --prekryv: rgba(10, 10, 10, .35);

  /* Pohyb */
  --rychle: 120ms;
  --stredne: 200ms;
  --krivka: cubic-bezier(.2, .8, .2, 1);

  /* Rozměry */
  --vyska-radku: 36px;
  --vyska-radku-husta: 32px;
  --vyska-menu: 48px;
  --vyska-karet-leadu: 0px; /* 32px, když je otevřený nějaký lead (nastaví E1-C) */
  --vyska-pruhu: 28px;
  --vyska-tlacitka: 32px;
  --vyska-shell: 48px; /* přepíše shell.js podle skutečné výšky #shell */
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --rychle: 0ms;
    --stredne: 0ms;
  }
}