/* Barvy veřejného webu pro světlé i tmavé schéma (11. 11. 2026).
 *
 * Bootstrap 5.3 přepíná své komponenty sám podle data-bs-theme na <html>
 * (js/misal-theme.js). Tady jsou jen barvy misálu, které Bootstrap nezná:
 * pohledy Misal/*.cshtml je berou z proměnných --misal-*.
 * Samostatný soubor, aby se kvůli tomu nemuselo znovu sestavovat SCSS. */

:root {
    --misal-wine: #8B111E;      /* vínová lišty, vybraný den, zvolená varianta */
    --misal-heading: #8B111E;   /* nadpisy v textech misálu */
    --misal-rubric: #F00000;    /* rubriky a odkazy na Písmo */
}

/* Tmavé schéma v odstínech aplikace (MissaleMobile/src/style.css,
   :root[data-theme='dark']) místo výchozích šedomodrých Bootstrapu. */
[data-bs-theme=dark] {
    --bs-body-bg: #121212;              /* --bg */
    --bs-body-bg-rgb: 18, 18, 18;
    --bs-body-color: #ffffff;           /* --text */
    --bs-body-color-rgb: 255, 255, 255;
    --bs-emphasis-color: #ffffff;
    --bs-secondary-color: #b3b3b3;      /* --text-soft */
    --bs-secondary-color-rgb: 179, 179, 179;
    --bs-secondary-bg: #333333;         /* --pill */
    --bs-secondary-bg-rgb: 51, 51, 51;
    --bs-tertiary-bg: #212121;          /* --paper */
    --bs-tertiary-bg-rgb: 33, 33, 33;
    --bs-border-color: #3d3d3d;         /* --line */

    /* Vínová je na tmavém podkladu nečitelná — nadpisy jako v aplikaci. */
    --misal-heading: #F00000;
    --misal-rubric: #F00000;
}

/* Přehrávač nahrávek si barvy definuje na sobě (misal-audio.css). */
[data-bs-theme=dark] .misal-audio {
    --misal-audio-accent: #FF6B6B;
    --misal-audio-line: #555;
}

/* btn-light zůstává v Bootstrapu světlé i v tmavém schématu. */
[data-bs-theme=dark] .btn-light {
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: var(--bs-secondary-bg);
    --bs-btn-border-color: var(--bs-secondary-bg);
    --bs-btn-hover-color: var(--bs-body-color);
    --bs-btn-hover-bg: var(--bs-tertiary-bg);
    --bs-btn-hover-border-color: var(--bs-border-color);
    --bs-btn-active-color: var(--bs-body-color);
    --bs-btn-active-bg: var(--bs-tertiary-bg);
    --bs-btn-active-border-color: var(--bs-border-color);
}

/* Obrysová vínová tlačítka (ZÍTRA, NEDĚLE…) — vínový text by na tmavém
   podkladu splýval; výplň po najetí zůstává vínová. */
[data-bs-theme=dark] .btn-outline-primary {
    --bs-btn-color: #FF8A8A;
    --bs-btn-border-color: #C9545F;
}

/* Noty v tmavém schématu světlé na tmavém, stejně jako v aplikaci. Sazba,
   přehrávač i naskenované noty mají v psalm.css pevné světlé barvy (sdílí
   je redakce i aplikace) — proto se celý pohled vysází jako ve světlém
   schématu a obrátí filtrem; hue-rotate vrací červené zpět do červené.
   Podklad #ededed se obrátí na barvu stránky tmavého schématu (#121212). */
[data-bs-theme=dark] .psalm-view {
    background: #ededed;
    color: #000;
    filter: invert(1) hue-rotate(180deg);
}

[data-bs-theme=dark] .psalm-view .psalm {
    background: transparent;
}

/* Patička na vínovém pozadí jako lišta, v obou schématech stejná. */
.misal-footer {
    --bs-secondary-color: rgba(255, 255, 255, .75);   /* text-muted */
}

.misal-footer a:not(.btn) {
    color: #fff;
}

/* Přepínač schématu v liště. */
.theme-menu .dropdown-item.active {
    background: var(--bs-secondary-bg);
    color: var(--bs-body-color);
    font-weight: 500;
}