/*
 * VLASTNÍ STYLY PRO PUBLISH.CSS (autor: Tomáš Haubert)
 * Cíl: Zvýraznění nadpisů a tučného písma pomocí barvy značky
 */

/* * KROK 1: DEFINICE BAREV
 * Zde si definujeme barvy. Tu modrou jsem odhadl z vašeho loga.
 * Pokud máte přesný HEX kód, můžete ho snadno změnit zde.
 */
.theme-dark {
  /* Toto je barva vaší značky (z loga) */
  --tomas-brand-blue: #007AFF; /* <-- Odhad vaší modré. ZMĚŇTE TUTO HODNOTU, pokud máte přesnější. */
  
  /* Barva pro běžný text (mírně tlumená šedobílá) */
  --tomas-text-normal: #c8cdd3; 
  
  /* Barva pro tučný text a menší nadpisy (jasná bílá) */
  --tomas-text-bright: #ffffff;
}

/* * KROK 2: HLAVNÍ NADPISY (H1, H2)
 * Tyto nadpisy dostanou barvu vaší značky, aby okamžitě upoutaly pozornost
 * a propojily obsah s logem.
 */
.theme-dark .publish-view h1,
.theme-dark .publish-view h2 {
  color: var(--tomas-brand-blue);
  font-weight: 700;           /* Ujistíme se, že jsou tučné */
  margin-top: 2.2em;            /* Přidáme více místa nad nadpisem */
  padding-bottom: 0.2em;
}

/* * KROK 3: MENŠÍ NADPISY (H3, H4)
 * Použijeme jasně bílou, aby se odlišily od běžného textu,
 * ale nekonkurovaly modrým hlavním nadpisům.
 */
.theme-dark .publish-view h3,
.theme-dark .publish-view h4,
.theme-dark .publish-view h5,
.theme-dark .publish-view h6 {
  color: var(--tomas-text-bright);
  font-weight: 600;
  margin-top: 1.8em;
}

/*
 * KROK 4: ZVÝRAZNĚNÍ TUČNÉHO PÍSMA
 * Dáme mu jasně bílou barvu, aby "svítilo" oproti běžnému textu.
 */
.theme-dark .publish-view strong,
.theme-dark .publish-view b {
  color: var(--tomas-text-bright);
  font-weight: 700; /* Zajistíme konzistentní tučnost */
}

/*
 * KROK 5: MÍRNÉ UTLUMENÍ BĚŽNÉHO TEXTU
 * Tímto jednoduchým trikem vyniknou nadpisy a tučné písmo ještě více.
 */
.theme-dark .publish-view {
  color: var(--tomas-text-normal);
}