/* =============================================================
   FIREB — DESIGN TOKENS
   Jediný zdroj pravdy pro barvy, typografii, rozestupy a pohyb.
   Nic v ostatních souborech nesmí používat hodnotu natvrdo.
   ============================================================= */

:root{

  /* ---------------------------------------------------------
     1. BARVY — primitiva (nepoužívat přímo v komponentách)
     --------------------------------------------------------- */

  /* Inkoust — od nejtmavší po nejsvětlejší */
  --c-ink-900:#16130F;
  --c-ink-800:#211E1A;   /* základní barva textu a tmavých ploch */
  --c-ink-700:#332F2A;   /* logo */
  --c-ink-600:#4A453D;
  --c-ink-500:#5F5950;   /* sekundární text */
  --c-ink-400:#8C857A;   /* potlačený text */
  --c-ink-300:#B4ADA1;
  --c-ink-200:#DBD4C7;
  --c-ink-100:#EAE4D9;   /* linky a rámečky */
  --c-ink-50:#FAF7F1;    /* jemné pozadí sekcí */
  --c-white:#ffffff;

  /* Bronz — jediná akcentní barva značky */
  --c-gold-700:#6B5222;
  --c-gold-600:#8A6A2E;  /* text na světlém pozadí (kontrast AA) */
  --c-gold-500:#B5844C;  /* výplně, logo */
  --c-gold-300:#DFC79E;
  --c-gold-100:#F6EEE0;
  --c-gold-50:#FCF8F1;

  /* Tmavý povrch — patička, „Co Fireb přebírá“, dashboardy */
  --c-panel-900:#171410;
  --c-panel-800:#211E1A;
  --c-panel-700:#2A2621;
  --c-panel-600:#37322B;
  --c-panel-line:#403A32;
  --c-panel-line-2:#524B41;
  --c-panel-text:#F0EBE1;
  --c-panel-mute:#BDB6A9;
  --c-panel-dim:#A8A196;

  /* Stavy — jen pro štítky, grafy a živý pohled, nikdy pro rozvržení */
  --c-ok:#2E9268;
  --c-live:#22c55e;
  --c-warn:#C9922F;
  --c-danger:#C9563E;
  --c-info:#31788C;
  --c-info-soft:#E4F1F4;

  /* ---------------------------------------------------------
     2. BARVY — sémantika (tohle používají komponenty)
     --------------------------------------------------------- */

  --bg:var(--c-white);
  --bg-soft:var(--c-ink-50);
  --bg-dark:var(--c-panel-800);
  --bg-accent-soft:var(--c-gold-100);

  --text:var(--c-ink-800);
  --text-2:var(--c-ink-500);
  --text-mute:var(--c-ink-400);
  --text-faint:var(--c-ink-300);
  --text-accent:var(--c-gold-600);

  --text-on-dark:var(--c-panel-text);
  --text-on-dark-2:var(--c-panel-mute);
  --text-on-dark-mute:var(--c-panel-dim);

  --border:var(--c-ink-100);
  --border-strong:var(--c-ink-200);
  --border-on-dark:var(--c-panel-line);

  --accent:var(--c-gold-500);
  --accent-strong:var(--c-gold-600);
  --accent-soft:var(--c-gold-100);

  --focus:var(--c-info);

  /* Odstíny pro ikony — každá oblast má svou barvu, aby se dala poznat i bez čtení.
     Pár pozadí (soft) + popředí (fg); nikdy pro text ani rozvržení. */
  --ic-blue-soft:#E8EEFF;   --ic-blue:#3B5BDB;
  --ic-green-soft:#E3F5EA;  --ic-green:#2A8F63;
  --ic-orange-soft:#FFEDE0; --ic-orange:#D9480F;
  --ic-purple-soft:#F0EAFF; --ic-purple:#7048C9;
  --ic-teal-soft:#DFF3F6;   --ic-teal:#0E7C93;
  --ic-rose-soft:#FDE7EC;   --ic-rose:#C23A5C;
  --ic-amber-soft:#FFF3D6;  --ic-amber:#B26E12;
  --ic-bronze-soft:var(--c-gold-100); --ic-bronze:var(--c-gold-600);

  /* ---------------------------------------------------------
     3. TYPOGRAFIE
     --------------------------------------------------------- */

  --font-sans:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-display:'Sora',var(--font-sans);
  --font-mono:'IBM Plex Mono',ui-monospace,'SF Mono',Menlo,monospace;

  /* Plynulá stupnice — clamp(min, ideál, max) */
  --fs-display:clamp(42px,6.2vw,84px);  /* hero H1 */
  --fs-h1:clamp(38px,4.8vw,62px);       /* H1 podstránek */
  --fs-h2:clamp(34px,4.2vw,56px);
  --fs-h3:clamp(21px,1.7vw,26px);
  --fs-h4:19px;
  --fs-lead:19px;
  --fs-body:17px;
  --fs-sm:15px;
  --fs-xs:13px;
  --fs-2xs:12px;

  --lh-tight:1.02;   /* display */
  --lh-heading:1.1;
  --lh-snug:1.35;
  --lh-body:1.6;
  --lh-loose:1.9;

  --ls-display:-.045em;
  --ls-heading:-.035em;
  --ls-body:0;
  --ls-caps:.16em;   /* verzálky v mono */

  --fw-regular:400;
  --fw-medium:500;
  --fw-semibold:600;  /* váha nadpisů — Sora 600, ne 800 */
  --fw-bold:700;

  /* ---------------------------------------------------------
     4. ROZESTUPY — krok 4 px
     --------------------------------------------------------- */

  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-7:32px;
  --space-8:40px;
  --space-9:48px;
  --space-10:56px;
  --space-11:72px;
  --space-12:90px;
  --space-13:110px;
  --space-14:140px;

  /* ---------------------------------------------------------
     5. RÁMCE, RÁDIUSY, STÍNY
     --------------------------------------------------------- */

  --r-xs:8px;
  --r-sm:12px;
  --r-md:14px;
  --r-lg:18px;
  --r-xl:22px;    /* výchozí rádius karet */
  --r-2xl:28px;
  --r-pill:999px;

  --shadow-xs:0 1px 2px rgba(33,30,26,.05);
  --shadow-sm:0 1px 2px rgba(33,30,26,.05),0 2px 8px -4px rgba(33,30,26,.10);
  --shadow-md:0 1px 2px rgba(33,30,26,.05),0 24px 60px -40px rgba(33,30,26,.22);
  --shadow-lg:0 40px 100px -50px rgba(33,30,26,.40);
  --shadow-accent:0 10px 30px -12px rgba(181,132,76,.45);
  --shadow-ink:0 8px 24px -10px rgba(33,30,26,.30);

  /* ---------------------------------------------------------
     6. POHYB
     --------------------------------------------------------- */

  --dur-fast:.15s;
  --dur:.25s;
  --dur-slow:.45s;
  --dur-reveal:.7s;
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);

  /* ---------------------------------------------------------
     7. ROZVRŽENÍ
     --------------------------------------------------------- */

  --container:1180px;
  --container-wide:1440px;
  --container-narrow:820px;
  --gutter:28px;
  --section-y:var(--space-13);
  --header-top:14px;   /* mezera nad plovoucí pilulkou */
  --header-h:56px;     /* výška pilulky */
  --measure:62ch;      /* max. délka řádku pro souvislý text */

  /* ---------------------------------------------------------
     8. VRSTVENÍ
     --------------------------------------------------------- */

  --z-base:1;
  --z-sticky:40;
  --z-drawer:59;
  --z-header:60;
  --z-dropdown:70;
  --z-modal:100;

  /* ---------------------------------------------------------
     9. ZPĚTNÁ KOMPATIBILITA
     Staré názvy z fireb-web-8.html, aby šly sekce přenášet
     po částech bez přepisování. Nepoužívat v novém kódu.
     --------------------------------------------------------- */

  --white:var(--c-white);
  --paper:var(--bg-soft);
  --line:var(--border);
  --ink:var(--text);
  --ink-2:var(--text-2);
  --mute:var(--text-mute);
  --gold:var(--accent);
  --gold-deep:var(--accent-strong);
  --gold-soft:var(--accent-soft);
  --teal:var(--c-info);
  --teal-soft:var(--c-info-soft);
  --panel:var(--c-panel-900);
  --panel-2:var(--c-panel-700);
  --panel-line:var(--c-panel-600);
  --panel-text:var(--c-panel-text);
  --panel-mute:#8f8e8a;
  --ok:var(--c-ok);
  --warn:var(--c-warn);
  --danger:var(--c-danger);
  --font:var(--font-sans);
  --display:var(--font-display);
  --mono:var(--font-mono);
  --r:var(--r-lg);
  --r-sm-legacy:10px;
  --max:var(--container);
  --sk-radius:var(--r-xl);
  --sk-line:var(--border);
  --sk-soft:var(--bg-soft);
  --sk-shadow:var(--shadow-md);
}

/* Menší okraje a nižší sekce na mobilu */
@media (max-width:800px){
  :root{
    --gutter:20px;
    --section-y:var(--space-11);
  }
}