/* ===========================================================
   VODÍKOVÁ MISE (H-MISE) · DESIGN TOKENS
   Jediné místo, kde bydlí hodnoty. Kdo chce barvu / font / rozestup,
   bere si ho odsud. Změna tady se propíše do všech stránek.
   Základ vychází z richardhanusek.cz (Poppins, petrolejová, písková),
   přizpůsobeno pro odborný B2B/B2G web.
   =========================================================== */

:root {
  /* --- Barvy značky --- */
  --petrol:        #044649;   /* hlavní — nadpisy, tlačítka, tmavé plochy */
  --petrol-tmava:  #033134;   /* patička, hluboké plochy */
  --petrol-svetla: #0a6167;   /* hover na petrolejové */
  --zlata:         #9c8446;   /* akcent — linky, drobné zvýraznění */
  --zlata-svetla:  #dec58a;   /* zvýrazňovač za slovem v nadpisu */

  /* --- Plochy a text --- */
  --plocha:        #ffffff;
  --krem:          #f7f4ef;   /* pozadí střídavých sekcí */
  --krem-tmava:    #efe9df;   /* okraje, jemné oddělovače na krému */
  --karta:         #ffffff;
  --text:          #1a1a1a;   /* tmavě šedá, ne čistá černá */
  --text-tlumeny:  #5b5b57;
  --oddelovac:     rgba(4, 70, 73, 0.14);
  --na-tmavem:     #f3efe6;   /* běžný text na petrolejové (ne čistá bílá) */

  /* --- Písmo --- */
  --font: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --text-zaklad: 1.125rem;    /* 18 px */
  --text-radek: 1.72;

  /* --- Rozestupy --- */
  --m-1: 0.25rem; --m-2: 0.5rem;  --m-3: 1rem;   --m-4: 1.5rem;
  --m-5: 2rem;    --m-6: 3rem;    --m-7: 4.5rem; --m-8: 6.5rem;

  /* --- Tvar --- */
  --radius:      10px;
  --radius-velky: 16px;
  --radius-btn:  6px;
  --stin-karta:  0 2px 28px rgba(4, 27, 28, 0.09);
  --stin-menu:   0 2px 18px rgba(4, 27, 28, 0.08);

  /* --- Šířky --- */
  --sirka-obsah: 1160px;
  --sirka-text:  720px;       /* čtený text nikdy přes celou šířku */
}