/* Vzorek šablony: barvy a vzhled hlavičky/patičky. Bootstrap a site.css se berou z výchozích assets/. */
:root {
    --vz-accent: #0f766e;
    --vz-accent-dark: #0b5a54;
    --vz-bg: #f7f5f0;
    --vz-ink: #1f2933;
    --bs-primary: var(--vz-accent);
    --bs-primary-rgb: 15, 118, 110;
    --bs-link-color: var(--vz-accent);
    --bs-link-hover-color: var(--vz-accent-dark);
}
[data-bs-theme="dark"] { --vz-bg: #14201f; --vz-ink: #e8eeee; }

body.theme-test { background: var(--vz-bg); color: var(--vz-ink); font-family: Georgia, "Times New Roman", serif; }
.theme-test h1, .theme-test h2, .theme-test h3, .theme-test .navbar, .theme-test .btn { font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }

.vz-header { background: var(--vz-accent); box-shadow: 0 2px 10px rgba(0, 0, 0, .15); }
.vz-header .navbar-brand, .vz-header .nav-link { color: #fff; }
.vz-header .nav-link:hover, .vz-header .nav-link.active { color: #fff; text-decoration: underline; text-underline-offset: .3em; }
.vz-header .navbar-toggler { border-color: rgba(255, 255, 255, .6); }
.vz-header .navbar-toggler-icon { filter: invert(1); }
.vz-header .btn-outline-primary { --bs-btn-color: #fff; --bs-btn-border-color: #fff; --bs-btn-hover-bg: #fff; --bs-btn-hover-color: var(--vz-accent); }
.vz-header .dropdown-menu .nav-link, .vz-header .dropdown-item { color: var(--vz-ink); }

.btn-primary { --bs-btn-bg: var(--vz-accent); --bs-btn-border-color: var(--vz-accent); --bs-btn-hover-bg: var(--vz-accent-dark); --bs-btn-hover-border-color: var(--vz-accent-dark); }
.card { border-radius: .75rem; }

.vz-footer { background: #10302d; color: #d7e6e4; }
.vz-footer a { color: #fff; }
.vz-footer .text-body-secondary { color: #9bb8b4 !important; }
.vz-footer hr { border-color: rgba(255, 255, 255, .2); }