/* ==========================================================================
   TnUAD — Design Tokens
   Hodnoty vyextrahované z originálneho Elementor kitu (post-7850) a
   z per-section CSS homepage (post-5755 / 5632 / 6117 / 7313).
   Toto je jediný zdroj pravdy pre celú šablónu.
   ========================================================================== */

:root {
  /* --- Značka --------------------------------------------------------- */
  --tn-blue-900:   #0c4463;   /* hover / tmavý odtieň */
  --tn-blue-800:   #105881;   /* primárna tmavá modrá */
  --tn-blue-600:   #196B99;   /* modrá — top bar, akcenty */
  --tn-blue-400:   #3f8cba;
  --tn-blue-100:   #E9F7FF;
  --tn-blue-50:    #F4FCFF;

  --tn-amber-600:  #f08a12;   /* hover */
  --tn-amber-500:  #FF992C;   /* oranžová — CTA */
  --tn-amber-400:  #FFAC2C;   /* svetlejšia oranžová — sekcie */
  --tn-amber-100:  #fff2e0;

  --tn-magenta-600:#c00e60;
  --tn-magenta-500:#E21271;   /* magenta akcent */
  --tn-magenta-100:#ffe6f1;

  /* --- Neutrálne ------------------------------------------------------ */
  --tn-black:      #000000;
  --tn-ink-900:    #1a1a1a;
  --tn-ink-700:    #3c3c3c;
  --tn-ink-600:    #525252;
  --tn-ink-500:    #777777;
  --tn-line:       #e6eef4;
  --tn-gray-100:   #eeeeee;
  --tn-gray-50:    #fcfcfc;
  --tn-white:      #ffffff;

  /* --- Plochy sekcií -------------------------------------------------- */
  --tn-surface:        #ffffff;
  --tn-surface-tint:   #F5FAFD;  /* svetlomodrá — hlavná striedavá plocha */
  --tn-surface-tint-2: #F1FBFF;
  --tn-surface-tint-3: #F4FCFF;
  --tn-surface-tint-4: #F4FAFF;  /* pätička, prechody do biela */

  /* O koľko prvok visí do susednej sekcie (viď .tn-overlap-*) */
  --tn-overlap: 100px;
  --tn-surface-dark:   #105881;
  --tn-surface-accent: #FFAC2C;

  /* --- Typografia ----------------------------------------------------- */
  --tn-font-heading: "Poppins", "Segoe UI", system-ui, -apple-system, sans-serif;
  --tn-font-body:    "Roboto", "Segoe UI", system-ui, -apple-system, sans-serif;

  --tn-fs-xs:   0.875rem;  /* 14px */
  --tn-fs-sm:   0.9375rem; /* 15px */
  --tn-fs-base: 1rem;      /* 16px */
  --tn-fs-md:   1.0625rem; /* 17px */
  --tn-fs-lg:   1.125rem;  /* 18px */
  --tn-fs-xl:   1.25rem;   /* 20px */
  --tn-fs-2xl:  1.375rem;  /* 22px */
  --tn-fs-3xl:  1.5rem;    /* 24px */
  --tn-fs-4xl:  1.875rem;  /* 30px */
  --tn-fs-5xl:  2.1875rem; /* 35px */
  --tn-fs-6xl:  2.5rem;    /* 40px */
  --tn-fs-7xl:  3.125rem;  /* 50px */
  --tn-fs-8xl:  3.4375rem; /* 55px */
  --tn-fs-9xl:  4.0625rem; /* 65px */

  --tn-lh-tight:  1.15;
  --tn-lh-snug:   1.3;
  --tn-lh-normal: 1.6;   /* originál: 17px / 1.6 */
  --tn-lh-loose:  1.75;

  --tn-fw-light:    300;
  --tn-fw-normal:   400;
  --tn-fw-medium:   500;
  --tn-fw-semibold: 600;
  --tn-fw-bold:     700;
  --tn-fw-extra:    800;

  /* --- Priestor ------------------------------------------------------- */
  --tn-container:   1280px;

  /* --- Tvar ----------------------------------------------------------- */
  --tn-radius-sm:  10px;
  --tn-radius-md:  15px;
  --tn-radius-lg:  20px;
  --tn-radius-xl:  25px;   /* signature radius celej šablóny */
  --tn-radius-2xl: 35px;
  --tn-radius-pill:50px;

  /* --- Tiene ---------------------------------------------------------- */
  --tn-shadow-sm: 0 0 10px 0 rgba(0, 0, 0, .15);
  --tn-shadow-md: 0 0 29px 0 rgba(0, 0, 0, .16);
  --tn-shadow-lg: 0 0 35px 0 rgba(0, 0, 0, .14);  /* signature */
  --tn-shadow-up: 0 7px 10px 0 rgba(0, 0, 0, .22);

  /* --- Pohyb ---------------------------------------------------------- */
  --tn-ease:       cubic-bezier(.25, .8, .25, 1);
  --tn-duration:   .3s;
  --tn-duration-l: .6s;

  /* --- Vrstvy --------------------------------------------------------- */
  --tn-z-header:   1030;
  --tn-z-topbar:   1031;
  --tn-z-totop:    1040;
}