/* FAF logo in header and footer: transparent square, FF mark and wordmark in identity red */
.faf-logo{display:block;height:auto}
.faf-logo .faf-sq{fill:none}
.faf-logo .faf-ff,.faf-logo .faf-t{fill:var(--red,#BF2D2E)}
html.has-logo header.site .logo{align-items:center}
html.has-logo header.site .logo b,html.has-logo header.site .logo span{display:none}
header.site .logo .faf-logo{height:54px;width:auto}
html.has-logo footer .big{font-size:0;line-height:0}
footer .big .faf-logo{width:min(250px,100%)}
@media (max-width:760px){header.site .logo .faf-logo{height:42px}}
/* top menu always dark (Čarna, 2026-11-06), whatever the visitor's light/dark setting */
header.site{--paper:#1B1B1B;--surface:#252525;--ink:#E7E4E0;--muted:#ABA8A3;--line:#3A3A3A;--accent:#E7E4E0;--accent-ink:#1B1B1B;color:var(--ink);color-scheme:dark;background:color-mix(in srgb,#1B1B1B 88%,transparent)}
/* page strip behind the menu stays dark, so the menu looks as in dark mode at rest and only lets content show through on scroll */
html.has-logo body{background:linear-gradient(#1B1B1B,#1B1B1B) 0 0/100% var(--hdr-h,0px) no-repeat,var(--paper)}