html[data-appearance] body{background:var(--bg);color:var(--text)}
html[data-appearance] :is(.main-nav,footer,.radio-tile,.tab-btn,.directory-card,.topic-card,.data-card){background:var(--panel);color:var(--text);border-color:var(--line)}
html[data-appearance] :is(.section-title span,.more-link,.text-button,.radio-copy strong,.nav-row a,.news-row .tag){color:var(--blue)}
html[data-appearance] :is(.section-title small,.radio-copy small,.radio-description,.news-row small,.social-post p,.status-item>span,.status-item>small){color:var(--muted)}
html[data-appearance] .masthead,html[data-appearance] .masthead .brand{color:var(--banner-text)}
html[data-appearance] .radio-tile:hover{background:var(--bg)}
html[data-appearance] :is(.topic-page,.radio-page){color:var(--text)}
html[data-appearance] :is(.topic-item,.topic-form,.topic-global,.topic-toolbar input,.topic-toolbar select,.topic-form input,.topic-form textarea,.topic-form select){background:var(--panel);color:var(--text);border-color:var(--line)}
html[data-appearance] :is(.topic-item p,.topic-item small,.topic-page header p,.topic-form label,.radio-page header p){color:var(--muted)}
html[data-appearance] .topic-item a{color:var(--blue)}