/* ============================================================
   TOKENS – jediné miesto, kde sa definujú farby, fonty, medzery.
   Vizuálny jazyk: tmavá navy s teal/purple/amber mesh, skosené
   (chamfer) panely, žiadne zaoblené rohy, mono písmo na čísla.
   ============================================================ */
:root {
  /* --- Tmavá paleta (hero, metódy, footer) --- */
  --deep:     #0b1020;   /* základ tmavých sekcií */
  --deep-2:   #0a1520;   /* karty na tmavom */
  --deep-3:   #0f1319;   /* panel aplikácie */
  --navy-800: #121a30;
  --navy-700: #1a2440;
  --teal-navy: #0e2a33;  /* tmavý teal blok (výhody) */

  /* --- Svetlá paleta (obsahové sekcie) --- */
  --bg:        #f6f8fa;
  --surface:   #ffffff;
  --surface-2: #eef2f6;
  --line:      #d0d7de;
  --line-soft: #eaeef2;
  --ink:       #1f2328;
  --ink-2:     #424a53;
  --ink-muted: #656d76;
  --ink-faint: #8b949e;

  /* --- Akcenty (z konceptu) --- */
  --teal:      #2ea8a2;   /* hlavný akcent, tlačidlá */
  --flow:      #35c7a9;   /* svetlejší teal – zvýraznenie na tmavom */
  --teal-ink:  #0a7183;   /* odkazy a mono štítky na svetlom */
  --teal-deep: #075a69;
  --teal-tint: #e4f1f2;
  --purple:    #8957e5;
  --amber:     #d29922;
  --green:     #1f883d;
  --red:       #d1242f;

  /* --- Text na tmavom --- */
  --on-dark:       #ffffff;
  --on-dark-muted: rgba(255,255,255,.80);
  --on-dark-faint: rgba(255,255,255,.60);
  --line-dark:     rgba(255,255,255,.14);

  /* --- Typografia ---
     Sans = celé rozhranie, Mono = každé číslo + štítky + menu, Brand = LEN wordmark „Toleran“.
     Segoe UI Symbol ako druhý fallback kvôli ⌀ ± σ ⌖ ⏥. Hrúbky: 400 / 600 / 700 (500 len mono UI). */
  --font-ui:    'IBM Plex Sans', 'Segoe UI Symbol', 'Segoe UI', system-ui, sans-serif;
  --font-mono:  'IBM Plex Mono', 'Segoe UI Symbol', Consolas, ui-monospace, monospace;
  --font-brand: 'Audiowide', 'Segoe UI', sans-serif;

  --text-xs:   .6875rem;  /* 11px – štítky, hlavičky stĺpcov, mono eyebrow */
  --text-sm:   .875rem;   /* 14px – tabuľky, poznámky */
  --text-md:   1rem;      /* 16px – telo textu */
  --text-lg:   1.0625rem; /* 17px – lead */
  --text-xl:   1.375rem;  /* 22px – nadpisy kariet */
  --text-2xl:  clamp(1.75rem, 1.3rem + 1.6vw, 2.6rem);   /* h2 sekcií */
  --text-3xl:  clamp(2rem, 1.5rem + 2.2vw, 3.2rem);      /* h1 podstránok */
  --text-hero: clamp(3.2rem, 2rem + 7vw, 7.5rem);        /* wordmark v hero */

  --leading-tight: 1.08;
  --leading-body:  1.65;

  /* --- Medzery a rozmery --- */
  --space-1: .25rem;  --space-2: .5rem;  --space-3: .75rem; --space-4: 1rem;
  --space-5: 1.5rem;  --space-6: 2rem;   --space-7: 3rem;   --space-8: 4rem;  --space-9: 6rem;
  --section-y: clamp(4.5rem, 3rem + 5vw, 8rem);
  --gutter:    clamp(1rem, .5rem + 2.5vw, 2.5rem);
  --container: 1240px;
  --container-narrow: 860px;
  --header-h: 84px;

  /* --- Geometria: skosenia (chamfer) namiesto zaoblení --- */
  --cham-l: 38px;
  --cham-m: 24px;
  --cham-s: 14px;
  --edge:   104px;   /* výška šikmej hrany sekcie */

  --shadow:      drop-shadow(0 18px 38px rgba(16,24,40,.16));
  --shadow-dark: drop-shadow(0 26px 60px rgba(3,7,16,.60));
  --ease: cubic-bezier(.2, .7, .2, 1);
  --dur:  .2s;
}