/* 1. Uložení barvy do hlavní proměnné pro celý web */
:root {
  --barva-roudnice: #e41833;
  --barva-tucne: #cfc5c6;
}

/* 2. Třída pro barvu pozadí (nahrazuje inline styl) */
.bg-roudnice {
  background-color: var(--barva-roudnice) !important;
}

.bg-tucne {
  background-color: var(--barva-tucne) !important;
}

/* 3. Třída pro obarvení textu (např. pro odkazy nebo nadpisy v textu) */
.text-roudnice {
  color: var(--barva-roudnice) !important;
}

/* 4. Stylování vlastního tlačítka, aby ladilo s Bootstrapem */
.btn-roudnice {
  background-color: var(--barva-roudnice);
  color: white;
  border: none;
  transition: background-color 0.2s; /* Plynulý přechod při najetí myší */
}

/* Efekt, když na tlačítko uživatel najede myší (trochu tmavší odstín) */
.btn-roudnice:hover {
  background-color: #be1429; 
  color: white;
}