/* ==========================================================================
   TINOTE — design tokens
   Barvy vytaženy z dodaných podkladů, ne odhadnuty:
     #56CE8F  zelená      → tinote-logo-positive.svg (.st1)
     #3B3B4E  antracit    → tinote-logo-positive.svg (.st0)
     #0A111C  tmavá plocha→ průměr pozadí hero bannerů (svetelne-*.png)
   Zadání kap. 20: žádné další výrazné brandové barvy.
   ========================================================================== */

:root {
  /* --- Brand ------------------------------------------------------------ */
  --green:          #56CE8F;   /* primární — plochy, akcenty, orbity. NE pro text na bílé (1,98:1) */
  --green-ink:      #2A7F52;   /* zelená pro TEXT na bílé — 4,93:1, splňuje AA */
  --green-deep:     #1D5939;   /* tmavá zelená — hover, důrazy (8,27:1) */
  --green-soft:     #E8F8F0;   /* velmi světlá zelená — plochy sekcí */
  --green-softer:   #F4FCF8;   /* ještě světlejší — alternativní pruh */

  --ink:            #3B3B4E;   /* antracit — hlavní text, primární tlačítko */
  --ink-strong:     #262633;   /* nadpisy */
  --ink-muted:      #6B6B7D;   /* sekundární text */
  --ink-faint:      #9A9AAB;   /* popisky, meta */

  --dark:           #0A111C;   /* tmavá plocha navazující na hero bannery */
  --hero-edge:      #03070F;   /* levý okraj hero artů — gradient na něj navazuje bez hrany */
  --dark-soft:      #121A28;   /* tmavé karty na tmavém podkladu */

  --white:          #FFFFFF;
  --line:           #E4E7EC;   /* rámečky karet */
  --line-soft:      #F0F2F5;
  --surface:        #F7F9FB;   /* jemné šedé plochy */

  /* --- Typografie ------------------------------------------------------- */
  --font: "Titillium Web", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  --fs-h1:    clamp(2.125rem, 1.35rem + 2.6vw, 3.5rem);
  --fs-h2:    clamp(1.625rem, 1.15rem + 1.6vw, 2.5rem);
  --fs-h3:    clamp(1.25rem, 1.08rem + 0.55vw, 1.5rem);
  --fs-lead:  clamp(1.0625rem, 1rem + 0.28vw, 1.25rem);
  --fs-body:  1rem;
  --fs-sm:    0.9375rem;
  --fs-xs:    0.8125rem;

  --lh-tight: 1.18;
  --lh-head:  1.28;
  --lh-body:  1.65;

  /* --- Spacing (kap. 23: vzdušnost je záměr) ---------------------------- */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.5rem;
  --sp-6:  2rem;
  --sp-7:  2.5rem;
  --sp-8:  3rem;
  --sp-9:  4rem;
  --sp-10: 5rem;

  /* svislý rytmus mezi sekcemi */
  --section-y: clamp(3.5rem, 2rem + 5.5vw, 7rem);

  /* --- Layout ----------------------------------------------------------- */
  --container:      1240px;
  --container-pad:  clamp(1.125rem, 0.6rem + 2vw, 2.5rem);
  --header-h:       76px;

  /* --- Tvary ------------------------------------------------------------ */
  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   16px;
  --r-xl:   24px;
  --r-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);
  --shadow-md: 0 4px 16px rgba(16, 24, 40, .07);
  --shadow-lg: 0 16px 44px rgba(16, 24, 40, .10);
  --shadow-green: 0 12px 32px rgba(86, 206, 143, .28);

  /* --- Pohyb (kap. 32: střídmě) ---------------------------------------- */
  --ease:      cubic-bezier(.22, .61, .36, 1);
  --dur-fast:  .18s;
  --dur:       .32s;
  --dur-slow:  .6s;
}