/*
  Šumava v srdci — design tokeny.
  Jediné místo, kde bydlí barvy, písmo a rozestupy. Když se mění vzhled,
  mění se TADY — nikde jinde. Stránky (ukazka.html, prvky.html, budoucí web)
  si hodnoty jen půjčují přes var(--...).

  Návod ke stavbě: ../STAVEBNICE-sumava.md
  Zdroj rozhodnutí: ../../sumava-v-srdci-brandmanual.html (v0.1, 2.9.2026)
*/

:root {
  /* ---------- barvy — světlý režim (výchozí) ---------- */
  --barva-mlha:        #E4E5DD; /* mlha — základní plocha */
  --barva-mlha-list:   #EFEFE9; /* světlejší list — karty, boxy */
  --barva-hluboka:     #1C2E25; /* hluboký smrk — text, tmavé plochy, logo */
  --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, do 5 % plochy */
  --barva-modrin-hlub: #9C6A1E; /* tmavší modřín — drobný text na akcentu */
  --barva-zula:        #5E6157; /* žula — popisky, meta, datum */
  --barva-zula-svetla: #8A8D82; /* žula světlá — jen hairline linky */
  --barva-linka:       rgba(28, 46, 37, 0.14);
  --barva-linka-vyr:   rgba(28, 46, 37, 0.30);

  /* ---------- písmo ---------- */
  --font-display: "Newsreader", Georgia, "Times New Roman", serif;
  --font-body:    "Karla", "Segoe UI", system-ui, sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, "Cascadia Code", monospace;

  --text-xs:   0.78rem;
  --text-sm:   0.9rem;
  --text-base: 1.0625rem;
  --text-h4:   0.76rem;
  --text-h3:   1.28rem;
  --text-h2:   clamp(1.7rem, 4.4vw, 2.15rem);
  --text-h1:   clamp(2.3rem, 7vw, 3.5rem);
  --text-lede: clamp(1.15rem, 2.6vw, 1.45rem);

  --leading-text:  1.66;
  --leading-tight: 1.15;

  /* ---------- 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: 4rem;
  --mezera-8: 6rem;

  /* ---------- tvar ---------- */
  --radius: 0;    /* bez zaoblení — hranatý, tichý vzhled, ladí s hairline linkami */
  --stin: none;   /* žádné stíny; hloubku dělá barva a linka, ne stín */

  /* ---------- rozvržení ---------- */
  --sirka-textu: 46rem;  /* čtecí sloupec, ~65–70 znaků na řádek */
  --sirka-max:   72rem;  /* celá stránka */
}

/* ---------- tmavý režim — systémová volba ---------- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --barva-mlha:        #141E19;
    --barva-mlha-list:   #1C2A24;
    --barva-hluboka:     #E4E5DD;
    --barva-slat:        #C79067;
    --barva-jezero:      #83B6A9;
    --barva-modrin:      #D9A24A;
    --barva-modrin-hlub: #E0AE5C;
    --barva-zula:        #9B9E92;
    --barva-zula-svetla: #55584E;
    --barva-linka:       rgba(228, 229, 221, 0.14);
    --barva-linka-vyr:   rgba(228, 229, 221, 0.28);
  }
}

/* ---------- tmavý režim — vynucený přepínačem na webu ---------- */
:root[data-theme="dark"] {
  --barva-mlha:        #141E19;
  --barva-mlha-list:   #1C2A24;
  --barva-hluboka:     #E4E5DD;
  --barva-slat:        #C79067;
  --barva-jezero:      #83B6A9;
  --barva-modrin:      #D9A24A;
  --barva-modrin-hlub: #E0AE5C;
  --barva-zula:        #9B9E92;
  --barva-zula-svetla: #55584E;
  --barva-linka:       rgba(228, 229, 221, 0.14);
  --barva-linka-vyr:   rgba(228, 229, 221, 0.28);
}