/* ====== Společné styly webu – tmavší téma + bohatší zlato ====== */
:root {
  --ink: #0f0e0c;
  /* nejtmavší */
  --ink-soft: #171512;
  /* tmavé pozadí sekcí */
  --ink-softer: #1d1a16;
  /* střídání */
  --text: #f0f0f0;
  /* světlý text */
  --muted: #bfb8a7;
  --gold: #d4af37;
  /* bohatá zlatá */
  --gold-600: #b89223;
  /* hover */
}

html,
body {
  background: var(--ink);
  color: var(--text)
}

a {
  color: var(--gold)
}

a:hover {
  color: var(--gold-600)
}

/* ====== Navigace ====== */
.navbar {
  background: rgba(15, 14, 12, .6);
  backdrop-filter: blur(6px);
}

.navbar .nav-link {
  color: var(--text) !important;
  opacity: .9
}

.navbar .nav-link:hover,
.navbar .nav-link.active {
  opacity: 1
}

.navbar .nav-link.active {
  color: var(--gold) !important
}

/* větší logo */
.navbar-brand img {
  width: 270px;
  height: auto;
}

/* ====== Tlačítka ====== */
.btn-gold {
  background: var(--gold);
  color: var(--ink);
  font-weight: 700;
  border: none
}

.btn-gold:hover {
  background: var(--gold-600);
  color: #fff
}

/* ====== Sekce pozadí ====== */
.bg-ink {
  background: var(--ink)
}

.bg-ink-soft {
  background: var(--ink-soft)
}

.bg-ink-softer {
  background: var(--ink-softer)
}

/* ====== Typografie ====== */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #f0f0f0
}

.text-muted {
  color: var(--muted) !important
}

/* ====== Drobnosti ====== */
footer {
  color: var(--muted)
}

hr {
  border-color: rgba(255, 255, 255, .08)
}