/* ════════════════════════════════════════════════════════════════════
   Polac s. r. o. – dizajnové tokeny (jediný zdroj pravdy)
   Farby, stupnica písma, rozostupy, pätička a rozmery ovládacích prvkov
   vrátane tmavého režimu. Načítava sa PRED assets/site.css (webové stránky)
   a môže ho načítať aj tools.css (nástroje).

   Tmavý režim sa použije na <html class="auto-dark"> (web) aj na
   <html class="pt-auto-dark"> (nástroje). Predvolene podľa nastavenia
   zariadenia (prefers-color-scheme), prepínač v hlavičke (assets/theme.js)
   nastaví data-theme="dark" / "light" na <html>. Oba tmavé bloky sú rovnaké,
   líši sa len výber.
   Komponenty berú hodnoty odtiaľto, nové pravidlá nemajú vymýšľať vlastné
   veľkosti.
   ════════════════════════════════════════════════════════════════════ */

/* Kontrasty (WCAG): ink-2 na paper 9,0:1 · muted na paper 5,1:1 ·
   accent na paper 5,7:1, na paper-2 5,1:1 · okraj polí na paper 3,2:1. */
:root {
    --paper: #f5f1e8;
    --paper-2: #ebe5d8;
    --paper-3: #fffdf8;
    --ink: #1b1a17;
    --ink-2: #45413a;
    --muted: #6b665c;
    --rule: #d6cebf;
    --field: #8c8579;
    --accent: #a8391b;
    --accent-soft: #f1d9cd;
    --error: #9b1c1c;

    /* Pätička: vlastné tokeny, aby sa v tmavom režime dali prepnúť bez výnimiek */
    --footer-bg: #1b1a17;
    --footer-edge: #1b1a17;
    --footer-text: #d9d2c3;
    --footer-muted: #a39b8b;
    --footer-legal: #b8b0a0;
    --footer-link: #f1ebde;
    --footer-link-hover: #fff;
    --footer-link-line: rgba(241, 235, 222, 0.4);
    --footer-rule: rgba(241, 235, 222, 0.18);
    --footer-brand: #f5f1e8;
    --footer-brand-sub: #cfc7b7;
    --footer-brand-p: #e8825c;

    --serif: "Newsreader", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
    --sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

    /* Stupnica písma */
    --fs-xs: 0.8125rem;     /* štítky, poznámky, popisky, názvy polí (13 px) */
    --fs-sm: 0.9375rem;     /* tlačidlá, navigácia, malý text, tabuľky, pätička (15 px) */
    --fs-body: 1.0625rem;   /* základný text a polia formulára (na telefóne 1rem) */
    --fs-h4: 1.25rem;       /* malé nadpisy v kartách */
    --fs-h3: 1.5rem;        /* nadpisy kariet, dôvodov, krokov, kapitol */
    --fs-xl: 2rem;          /* položky mobilného menu */
    --fs-lede: clamp(1.2rem, 1.1rem + 0.5vw, 1.45rem);
    --fs-stat-sm: clamp(1.7rem, 1.35rem + 1.2vw, 2.3rem);
    --fs-stat: clamp(2.1rem, 1.6rem + 1.8vw, 3.1rem);
    --fs-h2: clamp(2.2rem, 1.6rem + 3vw, 3.6rem);
    --fs-display: clamp(2.75rem, 1.4rem + 7vw, 7rem);
    --fs-giant: clamp(6rem, 3rem + 16vw, 13rem);
    --fs-logo: 2.125rem;
    --fs-logo-sm: 1.85rem;

    --tracking-label: 0.07em;       /* všetky štítky veľkými písmenami */
    --tracking-tight: -0.02em;      /* nadpisy a veľké čísla */
    --tracking-display: -0.035em;   /* úvodný nadpis, kód chyby */

    /* Rozostupy: násobky 0.25 rem */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --section-y: clamp(3.5rem, 2.5rem + 3.5vw, 5.75rem);
    --block-gap: clamp(2.25rem, 1.5rem + 3vw, 3.75rem);
    --hero-top: clamp(2.75rem, 1.75rem + 4.5vw, 5.5rem);
    --hero-bottom: clamp(2.5rem, 2rem + 3vw, 4.5rem);
    --doc-top: clamp(3rem, 2rem + 4vw, 5rem);
    --doc-bottom: clamp(4rem, 3rem + 4vw, 6.5rem);
    --err-y: clamp(4rem, 3rem + 6vw, 8rem);
    --footer-y: clamp(3rem, 2.5rem + 2vw, 4.25rem);
    --shots-gap: clamp(0.6rem, 1.6vw, 1.4rem);
    --shots-offset: clamp(1.5rem, 4vw, 3.5rem);
    --card-pad: clamp(1.4rem, 3vw, 2rem);
    --col-gap: clamp(2.5rem, 6vw, 6rem);

    --wrap: 76rem;
    --gutter: clamp(1rem, 4vw, 2.5rem);
    --masthead: 4.25rem;
    --control-h: 2.5rem;    /* jedna výška pre tlačidlá v hlavičke */
}

/* ── Tmavý režim ── */
@media screen and (prefers-color-scheme: dark) {
    .auto-dark:not([data-theme="light"]),
    .pt-auto-dark:not([data-theme="light"]) {
        --paper: #16140f; --paper-2: #1f1c16; --paper-3: #1b1813;
        --ink: #efe8da; --ink-2: #d2cabb; --muted: #a59d8d; --rule: #3a352c; --field: #847c6e;
        --accent: #e8825c; --accent-soft: #4b2618; --error: #ff8a80;
        --footer-bg: #26231b; --footer-edge: #efe8da; --footer-text: #d2cabb; --footer-muted: #a59d8d;
        --footer-legal: #a59d8d; --footer-link: #efe8da; --footer-link-hover: #fff;
        --footer-link-line: rgba(239, 232, 218, 0.4); --footer-rule: rgba(239, 232, 218, 0.2);
        --footer-brand: #efe8da; --footer-brand-sub: #d2cabb; --footer-brand-p: #e8825c;
        color-scheme: dark;
    }
}
@media screen {
    .auto-dark[data-theme="dark"],
    .pt-auto-dark[data-theme="dark"] {
        --paper: #16140f; --paper-2: #1f1c16; --paper-3: #1b1813;
        --ink: #efe8da; --ink-2: #d2cabb; --muted: #a59d8d; --rule: #3a352c; --field: #847c6e;
        --accent: #e8825c; --accent-soft: #4b2618; --error: #ff8a80;
        --footer-bg: #26231b; --footer-edge: #efe8da; --footer-text: #d2cabb; --footer-muted: #a59d8d;
        --footer-legal: #a59d8d; --footer-link: #efe8da; --footer-link-hover: #fff;
        --footer-link-line: rgba(239, 232, 218, 0.4); --footer-rule: rgba(239, 232, 218, 0.2);
        --footer-brand: #efe8da; --footer-brand-sub: #d2cabb; --footer-brand-p: #e8825c;
        color-scheme: dark;
    }
}
.auto-dark[data-theme="light"],
.pt-auto-dark[data-theme="light"] { color-scheme: light; }