/*
 * Zavřít. Uspořádat. Žít. · hlavní hodnoty vzhledu
 * Tohle je jediné místo pro barvy, písmo, rozestupy a tvary.
 * Než přidáš stránku nebo prvek, přečti STAVEBNICE-WEBU.md.
 */
:root {
  color-scheme: light;

  /* Barvy značky */
  --barva-cervena: #a92e20;
  --barva-cervena-tmava: #842219;
  --barva-cervena-svetla: #f8e5df;
  --barva-oranzova: #dc7b12;
  --barva-zluta: #f2be35;
  --barva-zelena: #587c22;
  --barva-zelena-tmava: #3d5a18;
  --barva-zelena-svetla: #edf3df;

  /* Plochy a text */
  --pozadi: #fffcf6;
  --pozadi-sekce: #f7f1e7;
  --pozadi-teple: #fff5df;
  --plocha: #ffffff;
  --text: #2d2721;
  --text-tlumene: #665c53;
  --okraj: #e2d7c7;
  --prekryv: rgba(255, 252, 246, 0.9);

  /* Písmo */
  --pismo-nadpis: Georgia, "Times New Roman", serif;
  --pismo-text: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --text-zaklad: 17px;
  --radek-textu: 1.65;

  /* Rozestupy */
  --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 a hloubka */
  --zaobleni-male: 10px;
  --zaobleni-karty: 22px;
  --zaobleni-tlacitka: 999px;
  --stin-karty: 0 22px 60px rgba(69, 48, 31, 0.12);
  --stin-produktu: 0 30px 58px rgba(67, 45, 28, 0.24);

  /* Šířky */
  --sirka-obsah: 1160px;
  --sirka-text: 680px;
}