/*
 * Vzhľad verejných stránok – Múzeum školstva a pedagogiky (príručný dizajn manuál MŠaP 2021).
 * Logotyp čierny na svetlom podklade, čierne linky; doplnkové pastelové farby z palety manuálu:
 * 1 #BBB5FF, 2 #C1CBE6, 3 #97E8DD, 4 #F9F5DC, 5 #FFFA88 (vstupenka, tlačoviny), 6 #FFA992.
 * Písmo manuálu FF Schulbuch je licencované – na webe sa použije systémový grotesk (Helvetica / Arial).
 * Načíta sa len na verejných stránkach (partials/public_brand.view.php), administrácia sa nemení.
 * Mení akcentovú farbu (indigo) na čiernu; farby obsadenosti kalendára (zelená / žltá / červená) ostávajú.
 */
:root {
    --theme-accent: #111111; --theme-accent-dark: #000000;
    --theme-accent-soft: #FFFCC2;   /* svetlejšia žltá 5 – výrazné plochy čitateľné s čiernym textom */
    --theme-accent-line: #C1CBE6;   /* modrosivá 2 */
    --theme-paper: #F5F8F9;         /* podklad strán manuálu */
}

body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* Tlačidlá a výrazné plochy */
.bg-indigo-600, .bg-indigo-500 { background-color: var(--theme-accent) !important; }
.hover\:bg-indigo-700:hover, .hover\:bg-indigo-600:hover, .bg-indigo-700 { background-color: var(--theme-accent-dark) !important; }
.bg-indigo-50, .bg-indigo-100, .bg-indigo-50\/40, .bg-indigo-50\/50, .hover\:bg-indigo-50:hover { background-color: var(--theme-accent-soft) !important; }

/* Text a odkazy */
.text-indigo-600, .text-indigo-700, .text-indigo-800, .text-indigo-900, .hover\:text-indigo-700:hover { color: var(--theme-accent) !important; }
a.text-indigo-600, summary.text-indigo-600 { text-decoration: underline; text-underline-offset: 3px; }

/* Okraje a zvýraznenie polí */
.border-indigo-200, .border-indigo-300 { border-color: var(--theme-accent-line) !important; }
.border-indigo-400, .border-indigo-500, .border-indigo-600, .hover\:border-indigo-300:hover { border-color: var(--theme-accent) !important; }
.focus\:ring-indigo-500:focus { --tw-ring-color: rgba(17, 17, 17, .35) !important; }
input[type="radio"], input[type="checkbox"] { accent-color: var(--theme-accent); }

/* Hlavička: čierna linka ako v manuáli */
body > header, body > div > header { border-bottom: 2px solid var(--theme-accent) !important; }

/* Logo v hlavičke (logotyp je široký – nižší ako pri iných prevádzkach) */
.theme-logo { height: 2.75rem; width: auto; }
@media (max-width: 639.98px) { .theme-logo { height: 2.1rem; } }