/* =====================================================
   KICKWISE v2 — GLOBAL BLOG CATEGORY TONE SYSTEM
   Category text color only; existing badge surfaces, borders and shimmer stay intact.
===================================================== */

.kw-blog-category-tone {
    --kw-blog-category-tone: #003172;
    --kw-blog-category-tone-dark: #e8f1fb;
    color: var(--kw-blog-category-tone) !important;
}

.kw-blog-category-tone > span {
    color: inherit !important;
}

.kw-blog-category-tone--default {
    --kw-blog-category-tone: #003172;
    --kw-blog-category-tone-dark: #e8f1fb;
}

.kw-blog-category-tone--culture {
    --kw-blog-category-tone: #8a4ea8;
    --kw-blog-category-tone-dark: #ddb6f3;
}

.kw-blog-category-tone--football-insights {
    --kw-blog-category-tone: #1269c7;
    --kw-blog-category-tone-dark: #90c6ff;
}

.kw-blog-category-tone--interviews {
    --kw-blog-category-tone: #a14c85;
    --kw-blog-category-tone-dark: #f0b4da;
}

.kw-blog-category-tone--news {
    --kw-blog-category-tone: #b86a00;
    --kw-blog-category-tone-dark: #ffc978;
}

.kw-blog-category-tone--the-game {
    --kw-blog-category-tone: #16754d;
    --kw-blog-category-tone-dark: #8fe0bb;
}

.kw-blog-category-tone--career-advice {
    --kw-blog-category-tone: #0b7b82;
    --kw-blog-category-tone-dark: #8fdee3;
}

.kw-blog-filter__item.is-active.kw-blog-category-tone,
.kw-blog-filter__item.is-active.kw-blog-category-tone > span,
.kw-blog-filter__item.is-active:hover.kw-blog-category-tone,
.kw-blog-filter__item.is-active:hover.kw-blog-category-tone > span {
    color: #ffffff !important;
}

html[data-theme="dark"] .kw-blog-category-tone {
    color: var(--kw-blog-category-tone-dark) !important;
}

html[data-theme="dark"] .kw-blog-category-tone > span {
    color: inherit !important;
}

html[data-theme="dark"] .kw-blog-filter__item.is-active.kw-blog-category-tone,
html[data-theme="dark"] .kw-blog-filter__item.is-active.kw-blog-category-tone > span,
html[data-theme="dark"] .kw-blog-filter__item.is-active:hover.kw-blog-category-tone,
html[data-theme="dark"] .kw-blog-filter__item.is-active:hover.kw-blog-category-tone > span {
    color: #071f3d !important;
}