/* ============================================================================
   design-tokens.css
   Jediný zdroj pravdy pro barvy, typografii, spacing, stíny, radiusy.
   Vychází z Nordic Clean (editorial) — v2-A-nordic-clean.html je autoritativní vzor.
   ============================================================================ */

:root {
  /* ---- Brand Kraj Vysočina ---- */
  --green:      #66BC29;
  --green-deep: #4A9B1D;
  --green-soft: #8DD152;
  --green-50:   #F1F9EA;     /* v2 — pro card head-ico, badges */
  --green-100:  #E1F2D1;     /* v2 — pro soft fills, soil top */

  --blue:       #002072;
  --blue-deep:  #001550;
  --blue-mid:   #2E4394;
  --blue-light: #5F73B4;
  --blue-pale:  #DDE3F0;
  --blue-mist:  #EEF1F7;
  --blue-50:    #EEF1FA;     /* v2 */
  --blue-100:   #DCE3F3;     /* v2 */
  --blue-700:   #0A2F8A;     /* v2 */

  /* ---- Zambretti zlatá (stránka Předpověď) ---- */
  --gold:       #B79A4F;
  --gold-50:    #F9F1E0;
  --gold-text:  #8B6328;

  /* ---- Neutrální paleta — bílá (revert před-redesign) ---- */
  --ink:        #0F1933;
  --ink-soft:   #3D4869;
  --ink-muted:  #6B7390;     /* v2: jemně tepleji než #727A92 */
  --ink-faint:  #A5ACBF;     /* v2 alias pro ink-dim */
  --ink-dim:    #A5ACBF;     /* zpětná kompat */

  --bg-primary:  #FBFBFD;    /* bílá s nepatrným modrým nádechem */
  --bg-soft:     #F4F6FA;
  --bg-surface:  #FFFFFF;    /* karty na čisté bílé */
  --surface:     #FFFFFF;
  --surface-elev:#FFFFFF;
  --bg-elevated: #F7F8FB;
  --cream:       #FAF8F2;    /* zachováno pro legacy */

  --line:        #ECEEF4;    /* zpět na původní studenou linku */
  --line-strong: #DDE1EB;
  --line-soft:   #F4F6FA;

  /* alias (zpětná kompatibilita se staršími stránkami) */
  --bg: var(--bg-primary);

  /* ---- Akcenty ---- */
  --warm:      #E8994F;
  --warm-bg:   #FDF4E8;
  --sun:       #F4B942;
  --info:      #3673B4;
  --danger:    #C93F21;
  --danger-bg: #FDEAE8;

  /* Beaufort semaphor (zachováno z původních) */
  --wind-green:  #4A9B1D;
  --wind-orange: #B66C1F;
  --wind-red:    #C03030;

  /* ---- Typografie ---- */
  --font-hero:      'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-body:      'Inter', system-ui, -apple-system, sans-serif;
  --font-display:   'Instrument Serif', Georgia, serif; /* v2: sjednoceno na Instrument Serif */
  --font-editorial: 'Instrument Serif', Georgia, serif;
  --font-mono:      'JetBrains Mono', ui-monospace, 'SF Mono', Consolas, monospace;
  --caption-font:   var(--font-mono); /* v2: caption helper */

  /* ---- Spacing (8px rytmus) ---- */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  32px;
  --space-2xl: 48px;
  --space-3xl: 64px;

  /* ---- Radiusy (Nordic Clean) ---- */
  --r-sm:   10px;
  --r-md:   16px;
  --r-lg:   20px;
  --r-xl:   24px;
  --r-pill: 30px;

  /* Legacy názvy — aliasy MAPOVANÉ na Nordic hodnoty (04/2026 sjednocení).
     Dříve měly odlišné hodnoty (6/12/18 px), což způsobovalo, že legacy
     stránky vypadaly menšími rohy než Nordic homepage. Sjednoceno. */
  --radius-sm:   var(--r-sm);
  --radius-md:   var(--r-md);
  --radius-lg:   var(--r-lg);
  --radius-pill: var(--r-pill);

  /* ---- Stíny ---- */
  --shadow-card:       0 4px 24px rgba(15, 25, 51, 0.04);
  --shadow-card-hover: 0 12px 32px rgba(15, 25, 51, 0.07);
  --shadow-nav:        0 2px 8px rgba(0, 32, 114, 0.08), 0 1px 3px rgba(0, 32, 114, 0.06);

  /* Legacy shadow aliasy — mapovány na Nordic hodnoty pro konzistentní vzhled. */
  --shadow-sm: var(--shadow-card);
  --shadow-md: var(--shadow-card-hover);
  --shadow-lg: 0 8px 40px rgba(0, 32, 114, 0.12);

  /* ---- Přechody ---- */
  --ease:             cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast:  0.15s ease;
  --transition-normal:0.3s ease;
  --transition-slow:  1.5s ease;

  /* ---- Z-index řada ---- */
  --z-hero:    1;
  --z-anim:    5;
  --z-content: 10;
  --z-nav:     50;
  --z-overlay: 100;
  --z-tooltip: 200;

  /* ---- Layout ---- */
  --max-content: 1320px;
  --max-prose:   760px;
}

/* ════════════════════════════════════════════════════════════════
   Layout — škálování obsahu pro velké monitory
   ──────────────────────────────────────────────────────────────────
   Aktivuje se až nad 2000 px (QHD/UltraWide/4K). Na FHD a menší
   zůstává obsah 1320 px = beze změny. Strop 1800 px brání tomu, aby
   řádky textu byly nečitelně dlouhé (>80 znaků).

   Konkrétní šířky obsahu po aktivaci:
     1920 px:  1320 px (mimo @media — beze změny)
     2000 px:  1400 px  (≈70vw)
     2560 px:  1792 px  (≈70vw)
     3440 px:  1800 px  (cap)
     4K 3840:  1800 px  (cap)

   Hard-coded 1320px hodnoty v page-shell selektorech jsou v
   ostatních CSS sjednocené na var(--max-content), aby se aktualizace
   propsala napříč stránkami.
   ──────────────────────────────────────────────────────────────── */
@media (min-width: 2000px) {
  :root {
    --max-content: clamp(1320px, 70vw, 1800px);
  }
}