/* Keep branding on surfaces; use separately measured text colours. */
#view{color:var(--readable-ink,var(--ink))}
#view :is(h1,h2,h3,h4,.user-copy,.news-body,.board-article-body,.news-comment p,.release-nickname){color:var(--readable-ink,var(--ink))}
#view :is(.meta,.sub,.release-detail-author,.release-times,.news-comment small){color:var(--readable-muted,var(--mute))}
#view :is(.textlink,.linkbtn,.news-sources a,.news-copyright a,.account-role){color:var(--readable-link,var(--link))}
#view :is(input,textarea,select){color:var(--readable-ink,var(--ink))}
#view :is(input,textarea)::placeholder{color:var(--readable-muted,var(--mute));opacity:1}
#view .btn:not(.ghost){background:var(--blue);color:var(--on-blue,var(--on))!important}
#view .btn.ghost{color:var(--readable-link,var(--link));border-color:currentColor}
#view .board-poll .btn:first-of-type,#view .board-comments .comment-form>.btn{background:var(--blue);color:var(--on-blue,var(--on))!important}
#view .board-poll .btn:not(:first-of-type){background:transparent;color:var(--readable-link,var(--link))!important}
#view .venue-filters button[aria-pressed=true]{background:var(--soft);color:var(--readable-ink,var(--ink))}
#view :is(.account-page .textlink,.account-role){color:var(--readable-link,var(--link))}

/* Selected controls must use the foreground measured for their actual background.
   Keep both declarations together: legacy chip rules use !important. */
#view .tab.on,
#view .chip.on,
#view .football-tabs button.selected,
#view .football-competitions button.selected,
#view .mobile-home-tabs button.selected,
#view .discussion-tabs button.selected,
#view .mobile-competition-nav button[aria-current=page],
#view .btn.primary {
 background:var(--club)!important;
 color:var(--on-club,var(--clubOn))!important;
 border-color:var(--club)!important;
}
:root .top .nav>button.on,
:root .mobile-nav button[aria-current=page] {
 background:var(--soft)!important;
 color:var(--readable-ink,var(--ink))!important;
 font-weight:700;
}