/* zaklad — vyladěný neutrální základ (hub99, výchozí šablona). */
/* */
/* SMĚR: šedomodrá neutrální paleta, jeden modrý akcent, rádius 10px, plochý */
/* dvouvrstvý stín, systémový sans-serif. Žádný vlastní hlas — má vypadat jako */
/* firemní nástroj, který nikoho nepřekvapí. Opravená verze dnešního vzhledu, */
/* ne nový: stejné rodiny odstínů, ale hranice a grafová paleta přepočítané. */
/* */
/* PRO JAKÝ WEB: vnitrofiremní rozcestníky, administrace, reporty — místa, kde */
/* uživatel přišel pro číslo, ne pro zážitek, a kde se šablona bude dědit na */
/* další moduly. Proto je to výchozí spadnutí při neznámém slugu. */
/* */
/* CO JSEM ZÁMĚRNĚ NEUDĚLAL: */
/*  - žádný gradient, žádná barevná hlavička, žádný "hero" akcent na plochách; */
/*    barva nese informaci (akce, stav, série v grafu), nikdy dekoraci; */
/*  - jen JEDEN akcent. Druhá barva by v telemetrii kolidovala se stavy; */
/*  - nezjemnil jsem hranici. Typická hairline #c7ccd3 na bílé má 1.61:1, */
/*    ale --barva-hranice sedí i na .tlacitko--vedlejsi, tedy na interaktivním */
/*    prvku (WCAG 1.4.11 → 3:1). #858d97 dává 3.36:1 na povrchu a 3.10:1 na */
/*    pozadí stránky, takže drží i na hlavičce a patičce. Vypadá to o odstín */
/*    tmavší, než je v designech zvykem — to je záměr, ne nedoladěnost; */
/*  - grafové sloty NEJSOU aliasy akcentu (--barva-primarni atd.). Ramp je */
/*    stupňovaný LUMINANCÍ: světlý 0.023 / 0.091 / 0.209, tmavý 0.162 / 0.443 */
/*    / 0.885 — každá dvojice ≥ 1.84:1, takže skládaný sloupec jde oddělit i */
/*    v šedé stupnici, na monochromatické tiskárně a při achromatopsii. Alias */
/*    by tu stupnici tiše rozvázal, kdyby někdo pohnul akcentem — proto hex, */
/*    i tam kde je shodou okolností stejný jako akcent; */
/*  - žádné tabulární "zebrování" ani rámečky navíc — to je věc styl.css. */
/* */
/* POZNÁMKA PRO PŘÍŠTÍHO AUTORA ŠABLONY: brána hlásí víceřádkový blokový */
/* komentář před :root jako "selektor" (její scan selektorů začíná na začátku */
/* řádku a vyloučené je jen lomítko). Proto je hlavička po jednotlivých řádcích, */
/* každý uzavřený sám za sebe. Komentáře UVNITŘ :root jsou bezpečné. */

:root {
  /* --- plochy a text --------------------------------------------------- */
  /* Pozadí není bílé, povrch je: karty se zvedají světlem, ne stínem. */
  --barva-pozadi: #f4f6f8;
  --barva-povrch: #ffffff;
  --barva-text: #161a20;
  --barva-text-tlum: #4f5761;
  --barva-hranice: #858d97;

  /* --- akcent ----------------------------------------------------------- */
  --barva-primarni: #0a53a8;
  --barva-primarni-text: #ffffff;
  --barva-primarni-hover: #08417c;
  --barva-vedlejsi-text: #0a53a8;
  --barva-fokus: #0a53a8;

  /* --- stavy ------------------------------------------------------------ */
  --barva-chyba: #b3261e;
  --barva-chyba-pozadi: #fbeceb;
  --barva-pozor: #8a5300;
  --barva-pozor-pozadi: #fdf3e2;
  --barva-pozor-hranice: #b8862f;

  /* --- štítky a pruhy --------------------------------------------------- */
  --barva-stitek-pozadi: #eceef1;
  --barva-stitek-text: #4f5761;
  --barva-pruh: #0a53a8;
  --barva-pruh-drazka: #eaedf1;

  /* --- graf: ramp po světlosti, ne po odstínu --------------------------- */
  /* akcentová modrá / hluboká inkoustová / chladný slate */
  --barva-graf-bot-1: #0a53a8;
  --barva-graf-bot-2: #102b45;
  --barva-graf-ostatni: #767f8c;

  /* --- tvar a hloubka --------------------------------------------------- */
  /* 10px: karta je znatelně obdélník, ne pilulka. Stín ve dvou vrstvách o */
  /* nízké kryvosti — zvedá o milimetr, nedělá plovoucí panel. */
  --polomer: 10px;
  --stin: 0 1px 2px rgba(20, 28, 38, 0.07), 0 3px 8px rgba(20, 28, 38, 0.05);

  /* --- typografie ------------------------------------------------------- */
  /* Systémový stack (CSP nepustí vlastní font): na každé platformě to je */
  /* místní UI font, takže portál vypadá jako součást systému. */
  --pismo: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --pismo-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  /* 16 → 17px: o půl stupně nad běžným základem, protože telemetrie je čtení */
  /* číslic, ne skenování nadpisů. Měřítko drobné, hierarchie váhou a mezerou. */
  --velikost-zaklad: clamp(1rem, 0.965rem + 0.22vw, 1.0625rem);
  --radek: 1.55;
  --vaha-normal: 400;
  /* 600, ne 700: silná váha se v tabulkách opakuje na každém čísle a 700 z ní */
  /* dělá křik. */
  --vaha-silna: 600;

  /* --- prostor ---------------------------------------------------------- */
  /* Středně hustá mřížka: 1rem uvnitř bloku, 2rem mezi sekcemi. */
  --mezera: 1rem;
  --mezera-sekce: 2rem;
  --sirka-obsahu: 72rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Ne inverze: pozadí i povrch jsou modravě neutrální, povrch o krok */
    /* světlejší než pozadí, aby karta držela hierarchii i bez stínu. */
    --barva-pozadi: #13171b;
    --barva-povrch: #1b2025;
    --barva-text: #e9edf1;
    --barva-text-tlum: #a9b3bd;
    --barva-hranice: #6d767f;

    /* Akcent se v tmavém režimu neztmavuje, ale zesvětluje a odsycuje — */
    /* #0a53a8 by na #1b2025 mělo 1.16:1 a zmizel by. */
    --barva-primarni: #8ab4f0;
    --barva-primarni-text: #0a1626;
    --barva-primarni-hover: #a6c6f5;
    --barva-vedlejsi-text: #8ab4f0;
    --barva-fokus: #a6c6f5;

    --barva-chyba: #ff958a;
    --barva-chyba-pozadi: #3b1c19;
    --barva-pozor: #f0c674;
    --barva-pozor-pozadi: #33280f;
    --barva-pozor-hranice: #8a6b28;

    --barva-stitek-pozadi: #272d33;
    --barva-stitek-text: #b6c0ca;
    --barva-pruh: #8ab4f0;
    /* Drážka = barva pozadí stránky: v tmavém režimu čte jako díra kartou */
    /* skrz na pozadí, ne jako světlejší lišta. Zároveň je to jediné místo, */
    /* kde se dá pro grafový ramp získat rozestup světlostí — tmavý režim má */
    /* nad drážkou míň luminančního místa než světlý. */
    --barva-pruh-drazka: #13171b;

    /* Ramp se otáčí: na tmavém pozadí je nejsvětlejší slot nejvýraznější. */
    /* Role zůstává — akcentová modrá, ledový inkoust, chladný slate. */
    --barva-graf-bot-1: #8ab4f0;
    --barva-graf-bot-2: #eef2f8;
    --barva-graf-ostatni: #667181;

    /* Na tmavém povrchu stín nesvítí: vyšší kryvost, širší rozptyl, jinak */
    /* není vidět vůbec nic a karta splyne s pozadím. */
    --stin: 0 1px 2px rgba(0, 0, 0, 0.55), 0 3px 10px rgba(0, 0, 0, 0.4);
  }
}