/*
  Šumava v srdci — design tokeny (v2, říjen 2026: "terénní list").
  Jediné místo, kde bydlí barvy, písmo, rozestupy a míry. Když se mění vzhled,
  mění se TADY — nikde jinde. Komponenty (styl.css) a šablony si hodnoty jen půjčují přes var(--...).

  Koncept: web jako mapový list tiché Šumavy. Tmavý smrkový "vrchol" s vrstevnicemi a mlhou,
  který se rozplývá do světlé mlhy, číselné údaje jako terénní štítky.
  Návod ke stavbě: ../STAVEBNICE-sumava.md
  Zdroj značky: ../../sumava-v-srdci-brandmanual.html (v0.1, 2. 9. 2026) — hlavní barvy zachovány.
*/

:root {
  color-scheme: light;

  /* ---------- barvy značky ---------- */
  --barva-mlha:        #E4E5DD; /* mlha — základní plocha stránky */
  --barva-papir:       #F2F2EC; /* světlejší list — karty, boxy, štítky */
  --barva-hluboka:     #1C2E25; /* hluboký smrk — text, tmavé plochy (hero, patička) */
  --barva-hluboka-2:   #26402F; /* smrk o stupeň světlejší — druhá vrstva na tmavém */
  --barva-slat:        #6F4A2C; /* rašelinná voda slatí — nadpisy 2. řádu, štítky */
  --barva-jezero:      #2E4C46; /* ledovcové jezero — odkazy, doplňková */
  --barva-modrin:      #C58A2E; /* podzimní modřín — akcent, tlačítko, do 5 % plochy */
  --barva-modrin-svetla:#DDA44A; /* modřín při najetí na tlačítko */
  --barva-modrin-hlub: #7E5418; /* tmavý modřín — drobný text na světlém (kontrast ≥ 4,5 : 1) */
  --barva-zula:        #565950; /* žula — popisky, meta, datum (kontrast ≥ 4,5 : 1 i na papíru) */
  --barva-zula-svetla: #8A8D82; /* žula světlá — jen linky a dekorace */

  /* ---------- barvy na tmavém podkladu ---------- */
  --barva-na-tmave:        #E4E5DD; /* běžný text na smrku */
  --barva-na-tmave-tlumena:#B9BEB2; /* tlumený text na smrku */
  --barva-jezero-svetle:   #8FC3B5; /* odkazy a značky na smrku */
  --barva-vrstevnice-tm:   #4B7565; /* vrstevnice na smrku */
  --barva-vrstevnice-tm-index: #C58A2E; /* hlavní (indexová) vrstevnice na smrku */

  /* ---------- barvy vrstevnic na světlém ---------- */
  --barva-vrstevnice-sv:       #2E4C46;
  --barva-vrstevnice-sv-index: #6F4A2C;

  /* ---------- linky a stavy ---------- */
  --barva-linka:       rgba(28, 46, 37, 0.16);
  --barva-linka-vyr:   rgba(28, 46, 37, 0.34);
  --barva-linka-tm:    rgba(228, 229, 221, 0.22);
  --barva-sklo-tm:     rgba(18, 31, 25, 0.55);
  --barva-focus:       #2E4C46;  /* focus na světlém */
  --barva-focus-tm:    #E3A93F;  /* focus na tmavém */

  /* stav klidového území: ano = pozor (modřín), ne = volno (jezero), jinak žula */
  --barva-klid-ano:    #C58A2E;
  --barva-klid-ne:     #2E4C46;
  --barva-klid-cast:   #6F4A2C;
  --barva-klid-nev:    #565950;

  /* ---------- písmo ---------- */
  --font-display: "Bricolage Grotesque Variable", "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif; /* nadpisy, menu, tlačítka, čísla */
  --font-body:    "Literata Variable", "Literata", Georgia, "Times New Roman", serif;           /* čtený text */
  --font-mono:    "IBM Plex Mono", ui-monospace, "Cascadia Code", monospace; /* jen popisky jednotek a štítků */

  --text-xs:   0.8125rem;
  --text-sm:   0.9375rem;
  --text-base: 1.125rem;   /* 18 px — čtený text */
  --text-lede: clamp(1.2rem, 2.4vw, 1.5rem);
  --text-h3:   clamp(1.3rem, 2.4vw, 1.6rem);
  --text-h2:   clamp(1.75rem, 4.2vw, 2.5rem);
  --text-h1:   clamp(2.5rem, 8.5vw, 6rem);       /* hero úvodu */
  --text-h1-str: clamp(2.2rem, 6vw, 4.2rem);      /* hero pilíře a článku */
  --text-udaj: clamp(1.9rem, 5vw, 2.8rem);        /* číselné údaje */

  --leading-text:  1.72;
  --leading-tight: 1.08;
  --stopa-nadpis: -0.025em;   /* sevření velkých nadpisů */

  /* ---------- rozestupy (škála 4/8/16/24/32/48/64/96 px) ---------- */
  --mezera-1: 0.25rem;
  --mezera-2: 0.5rem;
  --mezera-3: 1rem;
  --mezera-4: 1.5rem;
  --mezera-5: 2rem;
  --mezera-6: 3rem;
  --mezera-7: 4.5rem;
  --mezera-8: 6.5rem;

  /* ---------- tvar ---------- */
  --radius:       0.375rem;  /* tlačítka, štítky */
  --radius-karta: 0.75rem;   /* karty */
  --stin-karta:   0 1px 0 rgba(28, 46, 37, 0.06), 0 12px 28px -18px rgba(28, 46, 37, 0.45);
  --stin-zvednuta:0 1px 0 rgba(28, 46, 37, 0.06), 0 22px 40px -20px rgba(28, 46, 37, 0.55);

  /* ---------- vrstevnice ---------- */
  --vrstevnice-tloustka: 1px;
  --vrstevnice-tloustka-index: 1.6px;
  --vrstevnice-kryti-hero: 0.85;
  --vrstevnice-kryti-karta: 0.55;

  /* ---------- pohyb ---------- */
  --doba-kratka: 160ms;
  --doba-stredni: 280ms;
  --doba-kresleni: 2400ms;   /* vykreslení vrstevnic po načtení */
  --doba-mlha: 70s;          /* pomalý posun mlhy */

  /* ---------- rozvržení ---------- */
  --sirka-textu: 40rem;   /* čtecí sloupec ≈ 65–70 znaků na řádek při 18 px */
  --sirka-max:   75rem;   /* celá stránka */
  --okraj:       1.25rem; /* boční okraj stránky na mobilu */
  --vyska-hlavicky: 4.5rem;
  --min-dotyk:   2.75rem; /* 44 px — minimální cíl pro prst */
}