/* Chytrý energetik — design tokens
   Zdroj: brand manuál (Vladka, 2026-09-13) + Logo_pro_web.zip */

:root {
  /* ---- PRIMÁRNÍ ---- */
  --orange:        #f5793b;  /* brand oranžová — tlačítka, akcenty, odkazy */
  --navy:          #2e3548;  /* brand tmavá — pozadí loga, hlavička, patička */
  --white:         #ffffff;  /* text na tmavém, pozadí sekcí */

  /* ---- SEKUNDÁRNÍ ---- */
  --navy-mid:      #424c67;  /* světlejší tmavá — karty, oddělovače na tmavém */
  --navy-deep:     #1a1e29;  /* nejtmavší — patička, hloubka pod navy */
  /* Světlá oranžová je JEN hover a jemné plochy. Nadpisové akcenty,
     eyebrow popisky, čísla a čáry musí být --orange, i na tmavém pozadí
     (#f5793b má na --navy-deep kontrast 6.1:1, na AA to stačí s rezervou).
     Vladka 2026-09-17: primární barva má být vidět jako primární. */
  --orange-light:  #f79a6b;  /* světlá oranžová — hover, jemné plochy */

  /* ---- ŽÁROVKA (brand asset) ----
     Gradient přímo z loga. Používat VÝHRADNĚ pro symbol žárovky
     a prvky, které na ni vizuálně navazují. Ne pro běžná tlačítka. */
  --bulb-red:      #ef4136;
  --bulb-amber:    #fbb040;
  --grad-bulb:     linear-gradient(135deg, #ef4136 0%, #fbb040 100%);

  /* ---- ODVOZENÉ PLOCHY ---- */
  --grad-hero:     linear-gradient(150deg, #1a1e29 0%, #2e3548 55%, #424c67 100%);
  --grad-orange:   linear-gradient(135deg, #f5793b 0%, #f79a6b 100%);

  /* Oranžová naředěná do bílé na 12 %. Je to plocha, ne barva textu —
     na ní se píše navy. Dělá světlý pruh, který rozbije sled navy pásů,
     aniž by křičel jako plná oranžová. */
  --orange-tint:   #fdf1ea;  /* světlý tón oranžové — zvýrazněné plochy */

  /* ---- NEUTRÁLNÍ ŠEDÉ (dopočítané k navy) ---- */
  --gray-50:       #f7f8fa;
  --gray-100:      #eef0f4;
  --gray-200:      #dde1e9;
  --gray-400:      #9aa1b4;
  --gray-600:      #5c6480;

  /* ---- TYPOGRAFIE ----
     Manrope, schváleno Vladkou 2026-09-13 (varianta D, důvod: čitelnost).
     Jedno písmo na nadpisy i text, odlišuje se řezem, ne rodinou.
     Vkládat přes:
     <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet"> */
  --font-body:     'Manrope', system-ui, sans-serif;
  --font-head:     'Manrope', system-ui, sans-serif;

  /* váhy — Manrope má slabší charakter v nadpisech, proto sázet o stupeň výš */
  --w-body:        400;
  --w-medium:      500;
  --w-semi:        600;
  --w-head:        800;

  /* ---- TVAR ---- */
  --radius:        12px;
  --radius-lg:     20px;
  --shadow-sm:     0 1px 3px rgba(26,30,41,0.08), 0 1px 2px rgba(26,30,41,0.06);
  --shadow-md:     0 4px 16px rgba(26,30,41,0.10);
  --shadow-lg:     0 10px 40px rgba(26,30,41,0.14);
}