/* ===========================================================
   MOLINO DE HUELMA (dovoz do ČR, molinodehuelma.cz) · DESIGN TOKENS
   Master hodnot. Kdo chce barvu nebo font, bere si ji odsud.
   Změna hodnoty tady se promítne do všech stránek webu.

   Stavebnice projektu: STAVEBNICE-molinodehuelma.md
   Nezakládej další soubor se styly. Chybí komponenta? Přidej ji do styl.css.
   Zdroj vzhledu: audit webu molinodehuelma.com (2026-09-07), režim A.
   =========================================================== */

:root {
  /* --- Barvy značky --- */
  --barva-terracotta:      #C2AE8C;  /* hlavní: pozadí sekcí, značka, jemné plochy (z webu rgb 194,174,140) */
  --barva-terracotta-tmava:#A98F63;  /* tmavší odstín na okraje a přechody */
  --barva-uhel:            #212934;  /* tmavá: text na světlém, tmavé sekce, patička (z webu rgb 33,41,52) */

  /* --- Akcent (CTA) — JEDINÝ účel: aby tlačítko vyskočilo ---
     Odsouhlaseno majitelem 2026-09-07, varianta A: hluboká olivová zeleň.
     Odkazuje na olivy, vysoký kontrast na terakotě i na teplé bílé.
     Na uhlové sekci má primární tlačítko terakotové pozadí (viz styl.css / ukazka.html). */
  --barva-akcent:          #2E4034;
  --barva-akcent-hover:    #3B5343;

  /* --- Plochy a text --- */
  --pozadi:          #FFF9F4;  /* teplá bílá — pozadí stránky (z webu rgb 255,249,244) */
  --pozadi-sekce:    #F4F4F4;  /* světle šedá — střídavá sekce */
  --pozadi-karta:    #FFFFFF;  /* karty na teplé bílé */
  --text:            #212121;  /* běžný text — tmavě šedá, ne čistá černá */
  --text-tlumeny:    #5A5A5A;  /* popisky, méně důležité (z webu rgb 90,90,90) */
  --text-na-tmavem:  #F3EEE7;  /* text v uhlových a terakotových sekcích */
  --bila:            #FFFFFF;  /* nadpisy přes fotky */
  --oddelovac:       rgba(33, 41, 52, 0.14);

  /* --- Písmo (z webu: Caudex nadpisy, Heebo text) --- */
  --font-nadpis: "Caudex", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --font-text:   "Heebo", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --text-zaklad: 18px;         /* na webu nikdy pod 16 px */
  --text-radek:  1.65;

  /* --- Velikosti nadpisů (desktop) --- */
  --h1: 50px;   /* z webu */
  --h2: 30px;
  --h3: 23px;
  --perex: 20px;
  --drobny: 15px;

  /* --- Rozestupy (stupnice) --- */
  --mezera-1: 4px;   --mezera-2: 8px;   --mezera-3: 16px;  --mezera-4: 24px;
  --mezera-5: 32px;  --mezera-6: 48px;  --mezera-7: 64px;  --mezera-8: 96px;

  /* --- Tvar --- */
  --zaobleni-tlacitko: 4px;   /* z webu */
  --zaobleni-karta:    8px;
  --stin-karta: 0 6px 24px rgba(33, 41, 52, 0.10);

  /* --- Šířky --- */
  --sirka-obsah: 1140px;
  --sirka-text:  680px;        /* čtený text nikdy přes celou šířku (standard ctivost.md) */
}

@media (max-width: 640px) {
  :root {
    --h1: 34px;
    --h2: 26px;
    --h3: 21px;
    --perex: 18px;
    --text-zaklad: 17px;
  }
}