html.quiz-themed body {
    background: var(--quiz-background);
    color: var(--quiz-text);
    font-family: var(--quiz-font-body);
}

html.quiz-themed .client-header {
    background: var(--quiz-input);
    border-color: var(--quiz-line);
}

html.quiz-themed .client-header h1 {
    font-size: 1rem;
    font-weight: 900;
}

html.quiz-themed .client-meta { color: var(--quiz-muted); }

html.quiz-themed .client-header button {
    border-radius: var(--quiz-radius);
    box-shadow: none;
    font-weight: 800;
}

html.quiz-themed .master-next,
html.quiz-themed .master-pause {
    background: var(--quiz-primary-deep);
    border: 1px solid var(--quiz-primary);
}

html.quiz-themed .sound-toggle.is-muted {
    border-color: var(--quiz-line);
    background: var(--quiz-surface);
}

html.quiz-themed .empty-state {
    background: var(--quiz-background) var(--quiz-background-image) center / cover;
    color: var(--quiz-text);
}

html.quiz-themed .empty-state p { color: var(--quiz-muted); }

html.quiz-themed button:focus-visible {
    outline: 3px solid var(--quiz-focus);
    outline-offset: 2px;
}