/* Web Play Gen2 readability and single-page nav fixes. Loaded after variant.css. */
:root {
    --webplay-readable-text: #f3eaff;
    --webplay-muted-text: #d8c8f4;
    --webplay-soft-text: #cdb8ef;
    --webplay-link: #ffffff;
    --webplay-link-hover: #ffd36a;
}

body {
    color: var(--webplay-readable-text) !important;
}

p,
li,
article,
article p,
article li,
.glass-card,
.glass-card p,
.news-card,
.news-card p,
.faq-item p,
.footer-bottom,
.stat-label {
    color: var(--webplay-muted-text) !important;
}

article.glass-card,
main article.glass-card {
    background: rgba(255, 255, 255, 0.09) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
}

article.glass-card > div,
article.glass-card > div p,
article.glass-card > div span,
article.glass-card > div strong {
    color: var(--webplay-readable-text) !important;
}

article.glass-card h1,
article.glass-card h2,
article.glass-card h3,
h1,
h2,
h3 {
    color: #ffffff !important;
}

article.glass-card a,
.glass-card a,
a:not([class]) {
    color: var(--webplay-link) !important;
    text-decoration-color: rgba(255, 255, 255, 0.55);
}

article.glass-card a:hover,
.glass-card a:hover,
a:not([class]):hover {
    color: var(--webplay-link-hover) !important;
}

.nav-links a {
    color: #f2e8ff !important;
}

.nav-links a:hover {
    color: #ffffff !important;
}