/* Inter hostovaný u nás namiesto Google Fonts (2026-08-17).
   Predtým: 2 spojenia navyše (fonts.googleapis.com + fonts.gstatic.com),
   ktoré blokovali vykreslenie, a 130 kB fontov. Teraz: 32 kB z vlastnej
   domény po už otvorenom spojení.
   Súbory sú orezané na znaky, ktoré používame (slovenčina + stredoeurópske
   jazyky + typografia) a na váhy 400-700. Generuje ich tools/build-font.mjs
   - po pridaní neobvyklých znakov ho spusti znova. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/inter-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/inter-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ==========================================================================
   DIZAJNOVE TOKENY - jedine miesto, kde su konkretne hodnoty
   --------------------------------------------------------------------------
   Pravidlo: v zvysku suboru sa uz nepisu cisla ani hexy (14px, 800, #0a1f38),
   pouzivaju sa iba tieto premenne. Tak sa typografia a farby nemozu znova
   rozist. Ked chces nieco zmenit globalne, meni sa to TU a nikde inde.
   (Zjednotenie 2026-08-18: 31 velkosti pisma -> 13, 11 riadkovani -> 4,
   6 rozostupov verzalok -> 1, ziadna cierna farba.)
   ========================================================================== */
:root {
  /* --- Pismo ------------------------------------------------------------ */
  --font-sans: "Inter", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* --- Velkost pisma: 13 schodov, nic medzi nimi ------------------------- */
  --fs-4xs: 9px;    /* len admin panel - husta tabulka */
  --fs-3xs: 10px;   /* len admin panel */
  --fs-2xs: 11px;   /* meta pri pluginoch, najmensie stitky */
  --fs-xs: 12px;    /* VERZALKOVE stitky, dokazy, technicky box, disclaimer */
  --fs-sm: 13px;    /* drobne popisky */
  --fs-md: 14px;    /* sekundarny text, tlacidla */
  --fs-base: 15px;  /* bezny text */
  --fs-lg: 16px;    /* uvodne odstavce, polia formularov, kontaktne udaje */
  --fs-xl: 18px;    /* nadpis karty nalezu, lead vo vysledkoch */
  --fs-2xl: 20px;   /* ciselne hodnoty skore */
  --fs-3xl: 24px;   /* mensie sekcne nadpisy */
  --fs-4xl: 28px;   /* velke sekcne nadpisy, CTA nadpis */
  --fs-5xl: 34px;   /* nadpisy kategorii, cisla v kruhoch */
  --fs-6xl: 46px;   /* H1 */
  --fs-7xl: 52px;   /* H1 na sirokej obrazovke */

  /* --- Hrubka pisma ------------------------------------------------------ */
  /* Pravidlo: cim vacsie pismo, tym mensia hrubka staci. */
  --fw-normal: 400;
  --fw-medium: 600;   /* jemne zvyraznene popisky */
  --fw-bold: 700;     /* zvyraznenie vo vete */
  --fw-display: 700;  /* nadpisy od 28px vyssie */
  --fw-black: 800;    /* nadpisy do 24px, stitky, tlacidla, velke cisla */

  /* --- Riadkovanie ------------------------------------------------------- */
  --lh-display: 1.15;  /* 34px a viac */
  --lh-heading: 1.25;  /* nadpisy 18-28px */
  --lh-snug: 1.4;      /* drobny text, stitky, dvojriadkove popisky */
  --lh-body: 1.55;     /* bezny text */

  /* --- Rozostup pismen ---------------------------------------------------- */
  --ls-tight: -0.01em; /* velke nadpisy od 34px */
  --ls-caps: 0.08em;   /* uplne vsetko pisane VERZALKAMI */

  /* --- Polnocna modra: zaklad celej palety -------------------------------- */
  /* Na webe nie je ani jedna cierna. Aj tiene su tonovane do polnocnej modrej.
     --surface-navy je presne ten gradient, ktory pozname zo slidov pri
     nacitavani - teraz je z neho jeden token pre cely web. */
  --midnight: #0a1f38;        /* najtmavsi odtien - text v svetlom rezime */
  --midnight-lift: #14385d;   /* svetlejsi koniec gradientu, ikony */
  --midnight-deep: #061423;   /* pozadie stranky v tmavom rezime */
  --surface-navy: linear-gradient(150deg, var(--midnight-lift) 0%, var(--midnight) 100%);
  --white: #ffffff;
  --white-soft: rgba(255, 255, 255, 0.82);  /* stlmeny text na polnocnom podklade */

  /* --- Farby temy (svetly rezim) ------------------------------------------ */
  --paper: #e6ecf5;
  --paper-raised: var(--white);
  --ink: var(--midnight);
  --ink-soft: #4d6b8a;   /* stlmeny text - tiez z polnocnej rodiny, nie seda */
  --hairline: #d5e0ed;
  --accent: #06b172;
  --accent-ink: #0b3d22;
  --accent-vivid: #08774a;
  --critical: #c4342b;
  --critical-soft: #fce9e6;
  --warning: #c77d0a;
  --warning-soft: #fbf0dd;

  /* Vsetky tiene maju jednu farbu (polnocnu), meni sa len sila. */
  --shadow-rgb: 10, 31, 56;
  --shadow: 0 1px 2px rgba(var(--shadow-rgb), 0.05), 0 16px 40px -20px rgba(var(--shadow-rgb), 0.25);
}
@media (prefers-color-scheme: dark) {
  :root {
    --paper: var(--midnight-deep);
    --paper-raised: #0d2338;
    --ink: #eaf1f9;
    --ink-soft: #8faac6;
    --hairline: #17324e;
    --accent: #10d987;
    --accent-ink: #062713;
    --accent-vivid: var(--accent);
    --critical: #f0776c;
    --critical-soft: #2f1c1a;
    --warning: #e2a53f;
    --warning-soft: #3a2f16;
    /* aj v tmavom rezime je tien modry, nie cierny */
    --shadow-rgb: 2, 9, 18;
    --shadow: 0 1px 2px rgba(var(--shadow-rgb), 0.4), 0 16px 40px -20px rgba(var(--shadow-rgb), 0.6);
  }
}