/* Yakvia — BRAND TOKENS (grafický manuál v1.0, 28. 9. 2026: web/brand/YakVia brand.jpg).
   The only file that changes with the brand. Everything else reads these variables.

   MANUÁL   = barva přímo z manuálu
   ODVOZENO = můj odstín, v manuálu není — čeká na Filipovo schválení
   FUNKČNÍ  = stavová barva mimo brand (chyba, varování)

   🔴 Yak Orange má na bílé kontrast jen 2,35:1 (WCAG chce 4,5:1 pro text).
   Proto: tlačítko = oranžové pozadí + Mountain Brown text (4,62:1, jako v logu),
   oranžový TEXT a odkazy = tmavší odstín --accent-text (5,10:1).
   Tmavý režim manuál neřeší -> zatím jen světlý (návrh tmavého je v kontrola.html). */
:root {
  /* palette — MANUÁL */
  --yak-orange: #FF8A2B;      /* energie, dobrodružství · hlavní akcent */
  --trail-green: #5B8F3D;     /* příroda, objevování · sekundární akcent */
  --mountain-brown: #4A3A2A;  /* stabilita, spolehlivost · text, prvky */
  --concrete-gray: #CEC9C1;   /* neutralita · pozadí, sekce */
  --paper-white: #F8F7F3;     /* čistota, vzdušnost · pozadí */

  /* roles */
  --bg: #F8F7F3;              /* MANUÁL Paper White */
  --surface: #FFFFFF;
  --surface-2: #EAE7E3;       /* ODVOZENO: Concrete Gray 45 % do bílé */
  --line: #CEC9C1;            /* MANUÁL Concrete Gray */
  --ink: #4A3A2A;             /* MANUÁL Mountain Brown — 10,9:1 na bílé */
  --ink-2: #6B5A48;           /* ODVOZENO: světlejší hnědá — 6,6:1 */
  --accent: #FF8A2B;          /* MANUÁL Yak Orange — pozadí tlačítek, tip na mapě */
  --accent-2: #F07A1C;        /* ODVOZENO: hover tlačítka */
  --accent-ink: #4A3A2A;      /* MANUÁL Mountain Brown na oranžové — 4,62:1 */
  --accent-text: #B5500E;     /* ODVOZENO: oranžový text a odkazy — 5,1:1 */
  --secondary: #5B8F3D;       /* MANUÁL Trail Green — skutečné místo na mapě, velké prvky */
  --secondary-text: #43702B;  /* ODVOZENO: zelený text — 5,85:1 */
  --hero: #4A3A2A;            /* MANUÁL Mountain Brown — pás denní výzvy */
  --hero-ink: #F8F7F3;        /* MANUÁL Paper White na hnědé — 10,15:1 */
  --warm: #FF8A2B;
  --good: #43702B;            /* ODVOZENO ze Trail Green */
  --mid: #9A6A12;             /* FUNKČNÍ varování */
  --bad: #B42318;             /* FUNKČNÍ chyba */
  --stamp: #B5500E;           /* razítka v pasu — tmavší Yak Orange */

  /* typography — MANUÁL: Outfit (Google Fonts, OFL), latin + latin-ext */
  --font: "Outfit Variable", "Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --w-light: 300;             /* doplňkový text, popisky */
  --w-regular: 400;           /* běžný text */
  --w-medium: 500;            /* menu, zvýraznění */
  --w-semibold: 600;          /* důležité texty, tlačítka */
  --w-bold: 700;              /* nadpisy H1, H2 */

  /* logo — MANUÁL: min. šířka 120 px na webu, ikona min. 24 px,
     ochranná zóna = výška znaku „Y“ (≈ 0,45 výšky loga) */
  --logo-h: 48px;
  --logo-clear: calc(var(--logo-h) * 0.45);

  --radius: 16px;
  --radius-sm: 10px;
  --shadow: 0 1px 2px rgba(74, 58, 42, .08), 0 10px 30px rgba(74, 58, 42, .08);
  /* Hádej město — pásma výšky a mapa výstupu (ODVOZENO; Filip vybral vzhled C + E z
     navrhy/hadej-mesto.html, 2. 10. 2026; horu chtěl 3. 10. „realističtější“ a z navrhy/hora.html
     vybral B „Svítání“: sníh chytá oranžovou Yakvie, stíny fialové). Modrá je jen u pásma moře
     v seznamu: manuál modrou nemá, ale moře by se bez ní od lesa nepoznalo. */
  --zone-sea: #8EC5E8;
  --zone-hills: #CFE3A8;
  --zone-forest: #8DB86B;
  --zone-rock: #B9A58F;
  --zone-camp: #D9D2C8;
  --zone-snow: #EEF2F5;
  --zone-ridge: #FFB36B;
  --map-paper: #F6F1E7;        /* lem popisků na mapě */
  --map-sky-top: #F2B49B;      /* ranní nebe */
  --map-sky-low: #FCE5D3;      /* u obzoru světlejší */
  --map-sun: #FFCB80;
  --map-far: #DCC0C9;          /* vzdálené hory v oparu */
  --map-far-2: #C29FB3;
  --map-rock: #A47B69;
  --map-rock-low: #7C5A52;     /* skála dole tmavší — hloubka */
  --map-snow: #FFEADF;         /* sníh v ranním světle */
  --map-rock-line: #5E4B3A;    /* žlaby ve skále (s průhledností) */
  --map-pine: var(--trail-green);
  --map-shade: #4A2C66;        /* stinná strana hory (s průhledností) */
  --map-meadow: #CBD59A;
  --map-meadow-2: #A4B776;
  --map-water: #E8B4A2;        /* jezero odráží nebe */
  color-scheme: light;
}