/* JOKE GYM — design tokeny v1 (24. 9. 2026). Jediná pravda o barvách, písmu, tvarech a rozestupech.
   Prefix --jg-. Používej tokeny, ne hodnoty. Změna tokenu = záznam v changelogu manuálu. */
:root {
  /* ---- Barvy: značkové ---------------------------------------------------- */
  --jg-green: #46AF48;        /* Tráva — hlavní barva značky (zelená původního loga, zachována kvůli tisku) */
  --jg-green-deep: #27762D;   /* Tráva tmavá — text a odkazy na světlém podkladu (AA i na Mátové), hover primárního tlačítka */
  --jg-mint: #E5F4E4;         /* Mátová — světlá plocha sekce, podklad chipu, jemné zvýraznění (nikdy text) */
  --jg-ink: #121417;          /* Uhel — text, hero, patička, „černá“ značky */
  --jg-coral: #FF6B4A;        /* Koral — akcent: štítky, samolepky, podtržení, progress, jedna věc na obrazovku */
  --jg-coral-deep: #B93A1B;   /* Koral tmavý — koralový text na světlém podkladu (AA i na Broskvi) */
  --jg-peach: #FFE4DC;        /* Broskev — světlá plocha ke Koralu (upozornění, zvýraznění řádku) */
  /* ---- Barvy: neutrální ---------------------------------------------------- */
  --jg-white: #FFFFFF;
  --jg-chalk: #F4F5F1;        /* Křída — podklad stránky / střídání sekcí */
  --jg-concrete: #DCDFD9;     /* Beton — rámečky, dělící linky */
  --jg-steel: #5E6670;        /* Ocel — sekundární text, popisky */
  --jg-graphite: #2A2E33;     /* Grafit — hover na tmavém, karty na tmavém */
  /* ---- Barvy: funkční ------------------------------------------------------ */
  --jg-ok: #27762D;
  --jg-warn: #E8A000;
  --jg-error: #D93A2B;
  --jg-info: #2F6FED;

  /* ---- Písmo ----------------------------------------------------------------- */
  --jg-font-display: "Outfit", "Segoe UI", system-ui, sans-serif;          /* titulky, čísla, tlačítka (700/800) */
  --jg-font-text: "Figtree", "Segoe UI", system-ui, sans-serif;            /* text, UI (400/500/600/700) */
  --jg-text-size: 17px;
  --jg-lh-text: 1.55;
  --jg-lh-display: 1.02;
  --jg-tracking-display: -0.02em;
  --jg-tracking-label: 0.08em;
  --jg-label-font: 700 12.5px/1 var(--jg-font-text);   /* labely/kickery/badge: VERZÁLKY + tracking-label */
  --jg-btn-font: 700 16px/1 var(--jg-font-display);

  /* ---- Tvary ------------------------------------------------------------------ */
  --jg-radius-s: 12px;        /* pole, chipy, obrázky v kartách, malé prvky */
  --jg-radius: 20px;          /* karty, panely, dialogy */
  --jg-radius-l: 28px;        /* hero média, velké sekce, sticky lišta */
  --jg-radius-pill: 999px;    /* tlačítka, štítky, avatar */
  --jg-border: 1px solid var(--jg-concrete);
  --jg-shadow-float: 0 12px 32px rgba(18, 20, 23, .14);  /* JEN sticky lišta, dialog, rozbalené menu */
  --jg-focus-ring: 0 0 0 4px rgba(70, 175, 72, .35);

  /* ---- Rozestupy a mřížka ------------------------------------------------------ */
  --jg-space-1: 4px;  --jg-space-2: 8px;  --jg-space-3: 12px; --jg-space-4: 16px; --jg-space-5: 24px;
  --jg-space-6: 32px; --jg-space-7: 48px; --jg-space-8: 64px; --jg-space-9: 96px;
  --jg-container: 1200px;
  --jg-gutter: 24px;
  --jg-target: 52px;          /* min. výška klikacích cílů (tlačítka, pole, řádky rozvrhu) */
  --jg-btn-pad: 28px;

  /* ---- Pohyb ------------------------------------------------------------------- */
  --jg-ease: cubic-bezier(.2, .8, .2, 1);
  --jg-fast: 150ms;
  --jg-base: 240ms;
}