/* =============================================
   KB TREFA - sprava (administrace)
   Znacka titulky pres promenne Bootstrapu, viz DESIGN_MANUAL.md, oddil 10.
   Komponenty se neprepisuji, jen se jim nastavi barvy pres --bs-* promenne.
   ============================================= */

:root {
    /* tokeny znacky (stejne hodnoty jako style.css) */
    --g-900: #0d2b0e;
    --g-800: #1e4620;
    --g-600: #33691e;
    --g-500: #689f38;
    --g-400: #87d22f;       /* neon: jako plocha JEN hlavni tlacitko */
    --g-400-hover: #9be040;
    --sw-offwhite: #f6f7f4;
    --sw-black: #111411;
    --font-display: 'Bebas Neue', Impact, sans-serif;
    --font-body: 'DM Sans', 'Helvetica Neue', Arial, sans-serif;

    /* Bootstrap: pismo, pozadi, odkazy */
    --bs-body-font-family: var(--font-body);
    /* povrchy (karty, pole, tabulky) bile, stranka (body.bg-body-tertiary) svetle seda jako Zabarium */
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-tertiary-bg: var(--sw-offwhite);
    --bs-tertiary-bg-rgb: 246, 247, 244;
    --bs-body-color: var(--sw-black);
    --bs-emphasis-color: var(--sw-black);
    --bs-secondary-color: #4a5046;          /* tlumeny text, 7,6:1 i na svetle sedem pozadi */
    --bs-secondary-color-rgb: 74, 80, 70;
    --bs-heading-color: var(--g-900);
    --bs-link-color: var(--g-600);
    --bs-link-color-rgb: 51, 105, 30;
    --bs-link-hover-color: var(--g-800);
    --bs-link-hover-color-rgb: 30, 70, 32;

    /* primary = tmave zelena (vyber, prepinace, strankovani); neon ma jen .btn-primary */
    --bs-primary: var(--g-800);
    --bs-primary-rgb: 30, 70, 32;
    --bs-primary-text-emphasis: var(--g-900);
    --bs-primary-bg-subtle: #e3eedd;
    --bs-primary-border-subtle: #b9d3ad;
    --bs-success: var(--g-600);
    --bs-success-rgb: 51, 105, 30;
    --bs-dark: var(--g-900);
    --bs-dark-rgb: 13, 43, 14;
    --bs-code-color: var(--g-800);
    --bs-focus-ring-color: rgba(30, 70, 32, .25);
    --bs-border-radius: .5rem;
}

/* nadpisy stranek jako na titulce; h2 s tridou .h5/.h6 zustava v DM Sans (popisek sekce) */
:where(h1, h2):not(.h3, .h4, .h5, .h6), .h1, .h2 {
    font-family: var(--font-display);
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 1;
}
h1 { font-size: 2.5rem; }
h2 { font-size: 1.75rem; }

/* hlavni akce: neonove tlacitko (jedine misto, kde je neon plochou) */
.btn-primary {
    --bs-btn-color: var(--g-900);
    --bs-btn-bg: var(--g-400);
    --bs-btn-border-color: var(--g-400);
    --bs-btn-hover-color: var(--g-900);
    --bs-btn-hover-bg: var(--g-400-hover);
    --bs-btn-hover-border-color: var(--g-400-hover);
    --bs-btn-active-color: var(--g-900);
    --bs-btn-active-bg: var(--g-400-hover);
    --bs-btn-active-border-color: var(--g-400-hover);
    --bs-btn-disabled-color: var(--g-900);
    --bs-btn-disabled-bg: var(--g-400);
    --bs-btn-disabled-border-color: var(--g-400);
    --bs-btn-focus-shadow-rgb: 30, 70, 32;
    --bs-btn-font-weight: 700;
}
/* vedlejsi akce: tmave zeleny obrys (home-btn-line) */
.btn-outline-secondary {
    --bs-btn-color: var(--g-800);
    --bs-btn-border-color: var(--g-800);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--g-800);
    --bs-btn-hover-border-color: var(--g-800);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--g-900);
    --bs-btn-active-border-color: var(--g-900);
    --bs-btn-focus-shadow-rgb: 30, 70, 32;
}

/* komponenty, ktere maji v Bootstrapu barvu zkompilovanou natvrdo */
.nav-pills { --bs-nav-pills-link-active-bg: var(--g-800); }
.pagination {
    --bs-pagination-color: var(--g-600);
    --bs-pagination-hover-color: var(--g-800);
    --bs-pagination-focus-color: var(--g-800);
    --bs-pagination-focus-box-shadow: 0 0 0 .25rem var(--bs-focus-ring-color);
    --bs-pagination-active-bg: var(--g-800);
    --bs-pagination-active-border-color: var(--g-800);
}
.dropdown-menu { --bs-dropdown-link-active-bg: var(--g-800); }
.form-control:focus, .form-select:focus, .form-check-input:focus {
    border-color: var(--g-500);
    box-shadow: 0 0 0 .25rem var(--bs-focus-ring-color);
}
.form-check-input:checked { background-color: var(--g-800); border-color: var(--g-800); }
.form-switch .form-check-input:focus:not(:checked) {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23689f38'/%3e%3c/svg%3e");
}

/* navigace: tmave zelena lista, aktivni polozka podtrzena neonem jako na titulce */
.navbar-brand-text { font-family: var(--font-display); font-size: 1.6rem; letter-spacing: .03em; line-height: 1; }
.navbar .nav-link.active {
    text-decoration: underline;
    text-decoration-color: var(--g-400);
    text-decoration-thickness: 2px;
    text-underline-offset: 7px;
}

/* toasty: tmave pruhy vpravo dole */
.toast { --bs-toast-bg: var(--g-900); --bs-toast-color: #fff; --bs-toast-border-color: transparent; }
.toast-ico-ok { color: var(--g-400); }
.toast-ico-err { color: #ff9b8f; }