/* PORIEŠIME — DESIGN TOKENS (jediný zdroj pravdy pre farby, spacing, radius, tiene, typo)
   Načítava sa PRED style.css na všetkých stránkach. Komponenty nesmú mať natvrdo hex/px —
   všetko ťahajú odtiaľto. Pozn.: primárna oranžová je brandová #E8730C (logo pack),
   font IBM Plex Sans (brandmanuál + pravidlo „všade rovnaký font"). */
:root{
  /* --- farby: značka --- */
  --accent:#E8730C; --accent-dark:#C25E06; --accent-soft:#FBEED9;
  --ink:#1B2430; --ink-soft:#26333F;
  /* --- farby: neutrálna škála --- */
  --n0:#FFFFFF; --n50:#F4F6F8; --n100:#EBEFF3; --n200:#D7DEE5; --n300:#B9C6D2;
  --n400:#93A3B3; --n500:#5B6B7C; --n900:#1B2430;
  --bg:var(--n50); --surface:var(--n0); --surface2:var(--n100);
  --line:var(--n200); --muted:var(--n500);
  /* --- farby: sémantické --- */
  --good:#2E7D5B; --good-bg:#E3F0EA;         /* success */
  --warn:#B3402F; --warn-bg:#F6E7E4;         /* error/serious */
  --warning:#8A6A1F; --warning-bg:#F6EFD8;   /* warning (alias gold) */
  --blue:#2C5F8A; --blue-bg:#E4EEF6;         /* info */
  --gold:#8A6A1F; --gold-bg:#F6EFD8;
  /* --- spacing škála --- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px;
  /* --- border-radius škála --- */
  --r-sm:8px; --r:12px; --r-lg:16px; --r-pill:999px;
  /* --- tiene: 3 úrovne elevácie (podklad → karta → modál) --- */
  --shadow-1:0 1px 2px rgba(27,36,48,.05), 0 2px 8px rgba(27,36,48,.05);
  --shadow-2:0 1px 2px rgba(27,36,48,.05), 0 6px 20px rgba(27,36,48,.09);
  --shadow-3:0 8px 16px rgba(27,36,48,.12), 0 20px 48px rgba(27,36,48,.18);
  --shadow:var(--shadow-2);
  /* --- typografia: IBM Plex Sans, 5 veľkostí --- */
  --font:"IBM Plex Sans",system-ui,-apple-system,sans-serif;
  --fs-h1:clamp(1.7rem,5vw,2.6rem); --fs-h2:1.35rem; --fs-h3:1.05rem;
  --fs-body:1rem; --fs-small:.85rem;
  --lh-body:1.55; --ls-head:-.015em;
}