/* ══════════════════════════════════════════════════════════════════════════
   MAPLETOP — TOKENY DESIGNU · JEDINÝ ZDROJ PRAVDY
   ══════════════════════════════════════════════════════════════════════════
   Zavedeno 24. 8. 2026. Důvod: web měl 19 nezávislých :root bloků v 9 souborech
   (/kotle/ jich mělo 6 v jednom souboru) a 99 aliasů typu --stary:var(--novy).
   Proto vypadal jako slepenec: barvy se přebarvily, ale tvar zůstal starý.

   ŽELEZNÉ PRAVIDLO
   ────────────────
   Tenhle soubor je JEDINÉ místo, kde smí být `:root{}`. Žádná stránka a žádný
   jiný CSS soubor už novou hodnotu nedefinuje — jen ji používá přes var().
   Hlídá to `tools/hlidac-designu.mjs`; porušení = brána spadne.

   ZAPOJENÍ
   ────────
   <link rel="stylesheet" href="/_a/tokeny.css">   ← VŽDY JAKO PRVNÍ
   <link rel="stylesheet" href="/_a/styl-v23.css">

   Zdroj hodnot: README designu v2.3 (design/prototypy/v23-handoff-2026-08-20/)
   + živé :root z web/index.html a web/kotle/index.html (shodné).
   ══════════════════════════════════════════════════════════════════════════ */

:root{
  /* ── PALETA v2.3 ────────────────────────────────────────────────────────
     Žlutá v brandu NENÍ. Token --yellow tu záměrně chybí a chybět má.
     Bílý text na --accent smí jen ≥ 18 px / váha 800; jinak --accent-h. */
  --accent:#ED1C24;        /* CTA, aktivní stav */
  --accent-h:#B11F24;      /* hover CTA + veškerá červená pod 18 px */
  --on-accent:#FFFFFF;     /* text na akcentu */
  --danger:#B11F24;        /* chybové stavy — shodné s accent-h záměrně */

  --ink:#231F20;           /* hlavní text a nadpisy */
  --ink-2:#58504F;         /* sekundární text */
  --ink-3:#746C6B;         /* popisky — WCAG AA 4,62:1 na --paper.
                              Bylo #7C7473 = 4,12:1, propadalo. Hodnotu ověřil
                              a odůvodnil audit v2.3 na homepage (bod 2.4). */
  --ink-4:#8A8384;         /* potlačené */

  --brand-900:#2A2122;     /* tmavé sekce a tmavé karty */
  --paper:#F9F2ED;         /* krémový podklad stránky */
  --card:#FFFFFF;          /* bílý povrch karty */
  --brand-50:#FBEEEE;      /* světlý červený nádech (varovné plochy) */

  --line:#D6D0C5;          /* dělicí linky na krému */
  --line-2:#EFEBE3;        /* jemné linky na bílé */

  /* ── PÍSMA ──────────────────────────────────────────────────────────────
     Jen self-hosted z /_a/. Žádné fonts.googleapis.com — je to i GDPR
     (vložený font předá IP návštěvníka Googlu před souhlasem).
     Patkové písmo v kabátu v2.3 NENÍ. */
  --font:'Plus Jakarta Sans','Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,Consolas,monospace;

  /* ── GEOMETRIE ──────────────────────────────────────────────────────────
     Zdroj: spec list návrhu v2.3 (heatable-redesign-v2.3-standalone.html):
     „Desktop 1440 · obsah 1312 · sekce s vnitřním rádiusem 32",
     „Breakpointy: 390 / 768 / 1024 / 1440 (obsah max 1312)". */
  --shell:1312px;                       /* obsahová šířka */
  --gutter:40px;                        /* odsazení karet sekcí od okraje (mobil 16) */
  --xpad:clamp(20px, 4vw, 56px);        /* vnitřní odsazení sekce */
  --ylg:clamp(40px, 5.5vw, 80px);       /* vertikální rytmus sekcí */

  /* ── RÁDIUSY ── spec: 999 · 32 · 24 · 20 · 18 · 16 · 14 · 12 ── */
  --r-pill:999px;
  --r-sec:32px;      /* sekce */
  --r-card:24px;     /* karta */
  --r-inner:20px;
  --r-18:18px; --r-16:16px;
  --r-input:14px;    /* input, spec: plocha #F5F3ED, radius 14 */
  --r-12:12px;
  --r-calc:28px;
  --r-band:var(--r-sec);

  /* ── STÍNY ── spec: dvě hodnoty, žádná třetí ── */
  --sh-sec:0 30px 60px -30px rgba(35,31,32,.4);
  --sh-card:0 12px 30px -18px rgba(35,31,32,.28);
  --sh-nav:0 12px 30px -18px rgba(35,31,32,.22);

  /* ── DISPLAY ŠKÁLA ── spec: 72/52/44/38/34/30/24/22/20, tracking −.04em nad 30 px ── */
  --d1:clamp(38px, 5.2vw, 72px);
  --d2:clamp(32px, 3.8vw, 52px);
  --d3:clamp(28px, 3.1vw, 44px);
  --d4:clamp(26px, 2.7vw, 38px);
  --d5:clamp(24px, 2.4vw, 34px);
  --d6:clamp(22px, 2.1vw, 30px);
  --t-tight:-.045em;   /* nad 30 px */
  --t-mid:-.03em;

  /* ── PLOCHA FORMULÁŘŮ ── spec: inputy bez borderu ── */
  --field:#F5F3ED;

  /* ── POHYB ──────────────────────────────────────────────────────────── */
  --ease:cubic-bezier(.2,.8,.2,1);
  --t:180ms;
}

/* ══════════════════════════════════════════════════════════════════════════
   PŘECHODOVÁ VRSTVA — SMÍ JEN UBÝVAT
   ══════════════════════════════════════════════════════════════════════════
   Tohle jsou stará jména tokenů z verzí 2.1/2.2 a z /lp/*. Nemažou se naráz —
   složilo by to web. Přepisují se po stránkách a hlídač hlídá, že jejich
   POČET jen klesá, nikdy neroste. Až bude nula, tenhle blok se smaže.

   NIKDY sem nepřidávej nový alias. Nové pravidlo používá jméno z bloku výše.
   ══════════════════════════════════════════════════════════════════════════ */
:root{
  /* v2.2 (web/_a/styl.css) */
  --sans:var(--font);
  --serif:var(--font);        /* patkové písmo v v2.3 není — 24 míst na webu si myslí, že je */
  --hero:var(--paper);
  --body:var(--paper);
  --white:var(--card);
  --dark:var(--brand-900);
  --dark2:var(--brand-900);
  --tint:var(--brand-50);
  --accent2:var(--accent-h);
  --gray4:#CFC8C7;
  --gray5:#B9B1B0;
  --gray6:var(--ink-2);
  --gray7:var(--ink-3);
  --chipbg:var(--line-2);
  --warn:var(--brand-900);

  /* /lp/* (Jost/Lexend generace) */
  --brand:var(--accent);
  --brand-dark:var(--accent-h);
  --brand-on:var(--on-accent);
  --surface:var(--card);
  --surface-bg:var(--paper);
  --surface-2:var(--line-2);
  --text:var(--ink);
  --text-soft:var(--ink-2);
  --text-strong:var(--ink);
  --border:var(--line);
  --cream:var(--paper);
  --maple:var(--accent);
  --maple-dark:var(--accent-h);
  --sky:var(--accent);
  --green:var(--accent);
  --green-dk:var(--accent-h);
  --ember:var(--accent-h);
  --sand:var(--line-2);
  --head:var(--ink);
  --ink-soft:var(--ink-2);
  --opt-bg:var(--card);
  --opt-border:var(--line);
  --font-head:var(--font);
  --font-body:var(--font);
}