:root{
    --sl-font-body: "Noto Naskh Arabic", serif;
}

body,
button,
input,
select,
textarea{
    font-family: var(--sl-font-body), serif;
}

body[class*="tax-club"],
body[class*="tax-competition"],
body[class*="tax-player"],
body.post-type-archive-match,
body.single-match{
    background: var(--bg-matrix);
}

.hsp2-archive-shell,
.hsp2-archive-flow,
.hsp2-competition-shell,
.hsp2-compv2-wrap,
.hsp2-club-shell,
.hsp2-clubv2-wrap,
.hsp2-playerv4-page,
.hsp2-matchphase2-page,
.hsp2-match-shell,
.hsp2-match-grid,
.hsp2-match-grid--compact,
.hsp2-matches-grid,
.hsp2-block,
.hsp2-block__head,
.hsp2-empty-state,
.hsp2-empty,
[class*="hsp2-"]{
    font-family: var(--sl-font-body), serif;
}

.hsp2-archive-shell button,
.hsp2-archive-shell input,
.hsp2-archive-shell select,
.hsp2-archive-shell textarea,
.hsp2-competition-shell button,
.hsp2-competition-shell input,
.hsp2-competition-shell select,
.hsp2-competition-shell textarea,
.hsp2-club-shell button,
.hsp2-club-shell input,
.hsp2-club-shell select,
.hsp2-club-shell textarea,
.hsp2-playerv4-page button,
.hsp2-playerv4-page input,
.hsp2-playerv4-page select,
.hsp2-playerv4-page textarea,
.hsp2-matchphase2-page button,
.hsp2-matchphase2-page input,
.hsp2-matchphase2-page select,
.hsp2-matchphase2-page textarea,
[class*="hsp2-"] button,
[class*="hsp2-"] input,
[class*="hsp2-"] select,
[class*="hsp2-"] textarea{
    font: inherit;
}

.hsp2-archive-shell,
.hsp2-competition-shell,
.hsp2-club-shell,
.hsp2-playerv4-page,
.hsp2-matchphase2-page,
.hsp2-match-shell{
    color: var(--text-matrix);
}

.hsp2-clubv2-news-card,
.hsp2-compv2-news-card,
.hsp2-playerv4-news-card,
.hsp2-matchphase2-news-card,
.hsp2-compv2-ko-card,
.hsp2-match-card,
.hsp2-clubv2-player,
.hsp2-compv2-star-row,
.hsp2-playerv4-meta-card,
.hsp2-playerv4-stat-card,
.hsp2-playerv4-timeline-card{
    box-shadow: var(--shadow-soft);
}

body.dark-mode .hsp2-clubv2-news-card,
body.dark-mode .hsp2-compv2-news-card,
body.dark-mode .hsp2-playerv4-news-card,
body.dark-mode .hsp2-matchphase2-news-card,
body.dark-mode .hsp2-compv2-ko-card,
body.dark-mode .hsp2-match-card,
body.dark-mode .hsp2-clubv2-player,
body.dark-mode .hsp2-compv2-star-row,
body.dark-mode .hsp2-playerv4-meta-card,
body.dark-mode .hsp2-playerv4-stat-card,
body.dark-mode .hsp2-playerv4-timeline-card{
    box-shadow: none;
}
