/* =====================================================================
   TOKENY IDENTITY – farby a písma
   ---------------------------------------------------------------------
   VERZIA 2 (21. 9. 2026) – farby podľa výberu kandidátky:
   fialová #573d89 · žiarivá zelená #6AF159 · prechod #0097b2 → #7ed957

   Názvy premenných (--green, --terracotta) sú HISTORICKÉ – pochádzajú
   z prvej verzie identity. Neprepisovali sme ich, aby sa nemusel meniť
   každý súbor. Čítaj ich ako „hlavná farba“ a „akcent“.

   Zdroj pravdy je letak/letak.css :root (KONTEXT.md §5).
   Po každej zmene spusti:  node web/tools/kontrola-tokenov.mjs
   ===================================================================== */

:root {
  /* --- farby, ktoré musia byť rovnaké ako na letáku --- */
  --green:       #452f73;   /* HLAVNÁ – tmavá fialová. Na kréme 9,8 : 1 */
  --green-deep:  #2f1f52;   /* ešte tmavšia fialová – pätička, prechody */
  --green-soft:  #eaf8e4;   /* jemná zelená podložka faktových boxov */
  --terracotta:  #7ed957;   /* AKCENT – zelená. LEN ako plocha */
  --cream:       #f6f1e7;   /* „papier“ – hlavné pozadie */
  --paper:       #fffdf8;   /* svetlejšie karty */
  --ink:         #1d1f1e;   /* text */
  --muted:       #5b615e;   /* vedľajší text. Na kréme 5,6 : 1 */
  --rule:        #d9d2e6;   /* jemné linky – doladené k fialovej */

  /* --- písma (nezmenené) --- */
  --serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --sans:  "Source Sans 3", "Segoe UI", Arial, sans-serif;

  /* =====================================================================
     DOPLNKY LEN PRE WEB
     ===================================================================== */

  /* Zelená #7ed957 má na kréme kontrast 1,8 : 1 – text sa na ňu napísať
     NEDÁ. Čo sa dá: tmavý text NA nej (8,7 : 1) a tmavý tyrkys z tej istej
     palety pre malé texty a odkazy (5,2 : 1). */
  --na-akcente:     #241840;   /* text a ikony NA zelenej. Na #7ed957 8,7 : 1 */
  --terracotta-ink: #00707f;   /* tmavý tyrkys – malý text, odkazy */

  --green-hover:    #5c3f96;   /* svetlejšia fialová pri prejdení myšou */

  /* Prechod („preliv“) podľa výberu kandidátky. Používa sa na linku
     v hlavičke, na linku pod menom a na výzvu na konci stránky. */
  --preliv-od:      #0097b2;
  --preliv-do:      #7ed957;
  --preliv:         linear-gradient(90deg, var(--preliv-od), var(--preliv-do));

  --focus: #00707f;             /* obrys pri pohybe klávesnicou */
  --shadow-sm: 0 1px 2px rgba(36, 24, 64, .08);
  --shadow-md: 0 4px 16px rgba(36, 24, 64, .14);

  /* Zaoblenie: leták má 1,6 mm, web podľa KONTEXT.md §5 ~8 px */
  --r-sm: 4px;
  --r:    8px;
  --r-lg: 14px;

  /* Rozostupy */
  --s-1: .25rem;
  --s-2: .5rem;
  --s-3: .75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4rem;

  /* Šírky */
  --w-page: 1120px;
  --w-text: 62ch;   /* dĺžka riadku, na ktorej sa dobre číta */
}