/* =========================================================
   TOKENS — jediné miesto, kde sa mení vzhľad celého webu.
   Zmena farby, písma alebo zaoblenia sa robí TU, nikde inde.

   Web je tmavý zámerne. Vychádza z predlohy „Zem v noci":
   oceán je takmer čierny, navštívené krajiny svietia teplo
   ako mestské svetlá a okolo gule je chladný závoj atmosféry.
   Fotky z ciest na tmavom podklade vyniknú viac než na bielom.
   ========================================================= */

:root{
  /* --- plochy a text --- */
  --c-ground:      #07090C;   /* pozadie celého webu */
  --c-surface:     #0D1117;   /* panel, karty */
  --c-surface-2:   #141A22;   /* jemné odlíšenie vnútri panela */
  --c-hair:        #1E2630;   /* deliace linky */
  --c-ink:         #EEEBE4;   /* text */
  --c-muted:       #8A93A0;   /* druhoradý text */

  /* --- guľa --- */
  --c-ocean:       #090C11;   /* takmer splýva s pozadím; guľu tvorí svetlo, nie výplň */
  --c-land:        #161D26;   /* pevnina, kde som nebol */
  --c-land-visit:  #7EA88C;   /* krajina, v ktorej som bol — svetlozelená */
  --c-border:      #263141;
  --c-grid:        #0E141B;
  --c-limb:        #33455C;   /* obrys gule */

  /* --- plasticita gule --- */
  --c-glow-in:     rgba(86,140,210,.20);   /* atmosféra tesne nad okrajom */
  --c-glow-out:    rgba(86,140,210,0);
  --c-shade-lit:   rgba(190,220,255,.06);
  --c-shade-dark:  rgba(0,0,0,.62);

  /* --- značky --- */
  --c-mark-dest:   #F5B841;   /* destinácia — zlatá */
  --c-mark-hotel:  #8FB8D8;   /* hotel — chladná modrá */
  --c-mark-spot:   #8A93A0;   /* miesto v okolí — sivá */
  --c-mark-edge:   #07090C;   /* obrysová medzera okolo značky */

  /* --- trasy --- */
  --c-route:       #F5B841;   /* let */
  --c-route-2:     #6E7A88;   /* transfer a pešo */

  /* --- typografia --- */
  --f-display: "Poppins", -apple-system, "Helvetica Neue", Arial, sans-serif;
  --f-body:    "Poppins", -apple-system, "Helvetica Neue", Arial, sans-serif;
  --f-mono:    "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Väčší rozdiel medzi nadpisom a textom než predtým — predlohy
     stoja práve na tom, že nadpis je veľký a všetko ostatné tiché. */
  --fs-hero:   clamp(30px, 7vw, 56px);
  --fs-h2:     clamp(21px, 3.4vw, 30px);
  --fs-body:   16px;
  --fs-small:  13.5px;
  --fs-label:  10.5px;
  --ls-label:  .14em;

  /* --- rozmery --- */
  --r-card:    14px;
  --r-pill:    999px;
  --sp-1: 6px;  --sp-2: 10px; --sp-3: 16px;
  --sp-4: 24px; --sp-5: 36px; --sp-6: 56px;
  --panel-w:   420px;
  --shadow:    0 1px 2px rgba(0,0,0,.6), 0 24px 60px rgba(0,0,0,.55);
}

/* Kto má v systéme svetlý režim, dostane rovnaký web — tmavý.
   Je to zámerné rozhodnutie o vzhľade značky, nie prepínač. */