/* ============================================================
   Design system — koncept C
   Typografia a mriežka odmerané na apple.com/macbook-pro (1440 px):
     základ 17/25, iba váhy 400 a 600, riadkovanie = veľkosť + 4
     letter-spacing mení znamienko: malé tesné → stredné voľné → veľké tesné
     mriežka 1260 / 980 / 630 · bento 480+20+480 · sekcia 144
   Farebnosť: krémový papier, tlmená paleta japonských fixiek.
   ============================================================ */
:root{
  /* ---- písmo ---- */
  --sans:"SF Pro Text","SF Pro Display",-apple-system,BlinkMacSystemFont,
         "Helvetica Neue",Helvetica,Roboto,Arial,"Liberation Sans",sans-serif;
  --mono:"SF Mono","Roboto Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  /* ---- typografia: osem veľkostí, nič medzi tým ----
     Hierarchiu nesie veľkosť a váha, nie počet variantov. Váhy iba 400 a 600.
     13 px je vyhradených na krátke štítky — nikdy na text, ktorý sa má čítať. */
  --fs-display:56px;  --lh-display:60px;  --ls-display:-.02em;
  --fs-h1:44px;       --lh-h1:48px;       --ls-h1:-.018em;
  --fs-h2:30px;       --lh-h2:38px;       --ls-h2:-.012em;
  --fs-h3:22px;       --lh-h3:30px;       --ls-h3:-.008em;
  --fs-lead:20px;     --lh-lead:31px;     --ls-lead:-.006em;
  --fs-body:17px;     --lh-body:27px;     --ls-body:-.011em;
  --fs-small:15px;    --lh-small:23px;    --ls-small:-.008em;
  --fs-nav:14px;      --lh-nav:20px;      --ls-nav:-.006em;   /* navigácia: o stupeň nižšie než telo */
  --fs-micro:12px;    --lh-micro:16px;    --ls-micro:.1em;    /* skupinové štítky v navigácii */
  --fs-label:13px;    --lh-label:18px;    --ls-label:.09em;

  /* ---- vertikálny rytmus ---- */
  --space-paragraph:20px;   /* odsek → odsek */
  --space-block:32px;       /* odsek → komponent */
  --space-component:48px;   /* komponent → ďalšia vec */
  --space-section:76px;     /* zlom sekcie H2 */
  --space-page:112px;       /* celostránkové pásy */

  /* ---- šírky: plocha stránky ≠ šírka textu ---- */
  --page:1200px;    /* obsahová plocha vrátane širokých komponentov */
  --prose:700px;    /* čitateľný text — reálne zalomené riadky ~68 znakov */
  --rail:264px;     /* jediná trvalá navigácia */
  --rail-gap:64px;

  /* ---- mriežka (staré názvy ukazujú na nový systém) ---- */
  --bleed:1440px; --wide:var(--page); --content:1000px; --half:480px; --text:var(--prose);
  --rail-l:var(--rail); --rail-r:0px;
  --gut:20px; --gap:var(--space-component); --gapx:64px;
  --sect:var(--space-page); --sect-sm:72px;
  --nav-h:52px;

  /* ---- papier a atrament ---- */
  --paper:#F4F1E8;
  --paper-2:#FBF9F3;
  --paper-3:#EDE9DD;
  --ink:#1C2620;
  --ink-2:#4A564E;
  --ink-3:#7C877E;
  --ink-4:#A9B2A6;
  --rule:#DAD5C6;
  --rule-2:#C6C0AE;

  /* ---- japonské fixky ---- */
  --green:#2E6B44;  --green-mid:#7FA98C; --green-pale:#DCE7DC;
  --red:#B5432F;    --red-pale:#F0DCD6;
  --amber:#C08A2E;  --amber-pale:#F2E6CC;
  --blue:#4A7BA7;   --blue-pale:#DCE6EF;
  --violet:#8A6EA8; --violet-pale:#E6DFEE;
  --teal:#3E8A87;   --teal-pale:#D9E8E7;

  /* ---- sémantika: aktéri ---- */
  --human:var(--amber);    --human-pale:var(--amber-pale);
  --agent:var(--blue);     --agent-pale:var(--blue-pale);
  --tooling:var(--violet); --tooling-pale:var(--violet-pale);

  /* ---- sémantika: dôkazy ---- */
  --ev-official:var(--green);
  --ev-prac:var(--blue);
  --ev-exp:var(--teal);
  --ev-synth:var(--amber);
  --ev-uncertain:#8C8878;
  --ev-own:var(--red);

  /* ---- polomery ---- */
  --r:18px; --r-s:12px; --r-xs:8px; --pill:980px;
  --ease:cubic-bezier(.28,.11,.32,1);
}