/* ===========================================================
   VIRTUÁLNÍ ASISTENTKA — MARCELA PITIPÁČOVÁ · DESIGN TOKENS
   Master hodnot. Kdo chce barvu, font nebo rozestup, bere si ho odsud.
   Změna hodnoty tady se promítne do všech stránek.
   Paleta odsouhlasena 2026-09-07: zemitá a vstřícná, s borůvkovým akcentem.
   =========================================================== */

:root {
  /* --- Barvy značky ---
     Akcent = tmavě zelená: tlačítko vyskočí tím, že je nejtmavší prvek na stránce.
     Kdyby se měla zkusit jiná varianta, stačí přepsat --barva-akcent (+ tmavou a světlou):
       hnědošedá     #6F6257 · hover #5A4F46 · nádech #EFEAE3
       světlejší zel. #4A7A5C · hover #3E6B50 · nádech #E4EFE7 */
  --barva-hlavni: #0A2D1B;        /* lesní zelená — nadpisy, hlavička, patička */
  --barva-doplnkova: #FBF0EE;     /* jemná šedozelená — pozadí střídavých sekcí */
  --barva-akcent: #0A2D1B;        /* tmavě zelená — tlačítka, odkazy, to, co má vyskočit */
  --barva-akcent-svetla: #F5E1DC; /* jemný nádech akcentu — zvýrazněné boxy, čísla kroků */
  --barva-akcent-tmava: #123C26;  /* tmavší zelená — hover na tlačítkách */
  /* Zvýrazněné slovo v nadpisu. Jen ve VELKÉM písmu (nadpisy) — v běžném textu
     na světlé sekci nemá dost kontrastu. V drobném textu použij --barva-hlavni. */
  --barva-zvyraznuje: #2E6A44;

  /* --- Plochy a text --- */
  --pozadi: #FDFBF7;
  --pozadi-sekce: #FBF0EE;
  --pozadi-karta: #FFFFFF;
  /* Hlavička má vlastní pozadí: sekce jsou pudrové, ale první dojem zůstává klidný. */
  --pozadi-hlavicka: #FDFBF7;
  /* Proužek pod hlavičkou — v hlavní zelené, drží hlavičku ukotvenou. */
  --pruh-hlavicka: #0A2D1B;
  --text: #2B2A26;                /* tmavá teplá, ne čistá černá */
  --text-tlumeny: #6B6A62;
  --oddelovac: rgba(10, 45, 27, 0.15);

  /* --- Písmo --- */
  /* Obojí bezpatkové: nadpisy sevřenější (Manrope), text kulatější a čitelnější (Nunito) */
  --font-nadpis: "Manrope", -apple-system, "Segoe UI", sans-serif;
  --font-text: "Nunito", -apple-system, "Segoe UI", sans-serif;
  --text-zaklad: 18px;             /* standard ctivost.md: veškerý čtený text 18px */
  --text-radek: 1.65;

  /* --- Rozestupy (stupnice, ne náhodná čísla) --- */
  --mezera-1: 4px;   --mezera-2: 8px;   --mezera-3: 16px;  --mezera-4: 24px;
  --mezera-5: 32px;  --mezera-6: 48px;  --mezera-7: 64px;  --mezera-8: 96px;

  /* --- Tvar --- */
  --zaobleni-karta: 16px;
  --zaobleni-tlacitko: 10px;
  --stin-karta: 0 2px 20px rgba(10, 45, 27, 0.08);

  /* --- Šířky --- */
  --sirka-obsah: 1140px;
  --sirka-text: 700px;            /* standard ctivost.md: čtený text max 700 px */
}