/* Tokens: farby, písma, rádiusy, tiene a mierka stránky. [F1]
   Všetky rozmery v ostatných súboroch sú v rem (px návrhu / 16); vlasové linky 1px ostávajú v px. */
:root{
  /* hlavná paleta návrhu */
  --cr:#fff6ec;          /* krémové pozadie */
  --ink:#1b1410;         /* text, tmavé dlaždice */
  --mut:#6b584c;         /* tlmený text */
  --or:#ff6a2b;          /* oranžová */
  --og:linear-gradient(135deg,#ff5a1f 0%,#ff8a2b 55%,#ffb347 100%);
  --lime:#c8f169;
  --lk:#1c2a05;          /* text na limetkovej */
  --pe:#ffd9b8;          /* broskyňová */
  --bl:#3046f0;          /* modrá */
  --pk:#ffa6d0;          /* ružová */
  --mi:#a9ebd0;          /* mätová */
  --ln:#efe2d4;          /* linky */
  /* doplnkové farby nakreslených obrazoviek */
  --dev:#0b0c0e;         /* telá zariadení */
  --gray:#8a7a6e;        /* sivý text v aplikáciách */
  --mut-dk:#a08b7c;      /* tlmený text na tmavom */
  --forest:#0e3326;      /* tmavozelená (e-Obec) */
  --paper:#f7f2ec;       /* svetlé pole */
  --line:#eee4da;
  --line-2:#efe5da;
  --field:#f4f1ee;
  --sand:#c9b7a8;
  --stone:#a39385;
  --ok:#0a8f4d;
  --ok-bg:#e3f5ea;
  --warn:#9a5a00;
  --warn-bg:#fff1d6;
  --or-dk:#c2410c;
  --plum:#3a0d24;
  /* písma */
  --f-display:"Bricolage Grotesque",sans-serif;
  --f-body:"Inter Tight",Arial,sans-serif;
  --f-hand:"Caveat",cursive;
  /* rádiusy */
  --r-tile:1.875rem;     /* dlaždica 30px */
  --r-block:2.25rem;     /* veľký blok (postup, pätička) 36px */
  --r-pill:999px;
  /* tiene */
  --sh-hair:0 1px 0 rgba(27,20,16,.06);
  --sh-card:0 1.5rem 3.125rem rgba(20,14,40,.22);
  /* fokus (prepisuje sa na farebných plochách) */
  --focus:var(--ink);
}

/* Mierka: 16px pri 1440px; 1200–1728px proporčne (šírka / 90); nad 1728px strop 19,2px.
   Pod 1200px ostáva 16px (rozloženie rieši responsive.css).
   --vw = šírka okna bez posuvníka, nastavuje assets/js/scale.js; bez JS záloha 100vw. [F2-Funkcie, rozh. 12.2] */
html{font-size:16px}
@media (min-width:1200px){html{font-size:calc(var(--vw, 100vw) / 90)}}
@media (min-width:1728px){html{font-size:min(calc(var(--vw, 100vw) / 90), 19.2px)}}