/* ═══════════════════════════════════════════════════════════════════════════
   Plugin color enforcement — loaded last
   Neutral warm grays only (no navy / blue tints). Flat colors, no gradients.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
    /* Neutral grays — equal RGB channels, no blue bias */
    --ks-bg: #111111;
    --ks-surface: #161616;
    --ks-surface-2: #1a1a1a;
    --ks-surface-3: #222222;
    --ks-border: rgba(255, 255, 255, 0.08);
    --ks-border-subtle: rgba(255, 255, 255, 0.06);

    /* Brand */
    --ks-red: #a80000;
    --ks-red-hover: #c41a1a;

    /* Text — neutral, not blue-gray */
    --ks-text: #f5f5f0;
    --ks-text-bright: #fffefa;
    --ks-text-muted: #888888;
    --ks-text-dim: #555555;

    /* Override legacy cool-tinted tokens from style.css */
    --main-black: #111111;
    --surface: #161616;
    --surface-2: #1a1a1a;
    --surface-3: #222222;
    --border-dark: #2a2a2a;
    --glass: #161616;
    --glass-border: #2a2a2a;
    --glass-hover: #1a1a1a;
    --text-muted: #888888;
    --gradient-dark: #111111;
    --gradient-card: #161616;
}

/* ── Page base ───────────────────────────────────────────────────────────── */
body.ks-body,
body.ks-body #app-content,
body.ks-page-home,
body.ks-page-plans,
body.ks-page-home #app-content,
body.ks-page-plans #app-content,
.ks-landing {
    background: var(--ks-bg) !important;
    background-image: none !important;
    color: var(--ks-text);
}

body.ks-body::before,
body.ks-body::after {
    display: none !important;
    content: none !important;
    background: none !important;
}

/* ── Dashboard board — flat neutral, NO gradient ─────────────────────────── */
.ks-dash-board {
    background: var(--ks-surface) !important;
    background-image: none !important;
    border: 1px solid var(--ks-border-subtle) !important;
    box-shadow: none !important;
}

.ks-dash-board::before,
.ks-dash-board::after {
    display: none !important;
    content: none !important;
    background: none !important;
}

.ks-dash-nav {
    background: var(--ks-surface-2) !important;
    background-image: none !important;
    border-bottom: 1px solid var(--ks-border-subtle) !important;
}

.ks-dash-stats {
    border-bottom: 1px solid var(--ks-border-subtle) !important;
    background: var(--ks-surface) !important;
    background-image: none !important;
}

.ks-dash-stat-card,
.ks-dashboard .ks-dash-board .ks-dash-stat-card {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

.ks-dash-stat-card::before,
.ks-dashboard .ks-dash-board .ks-dash-stat-card::before {
    display: none !important;
    content: none !important;
    background: none !important;
}

.ks-dash-content {
    background: var(--ks-surface) !important;
    background-image: none !important;
}

.ks-credits-bar {
    background: var(--ks-surface-3) !important;
    background-image: none !important;
}

/* ── All surfaces — neutral flat ─────────────────────────────────────────── */
.ks-card,
.ks-auth-card,
.ks-plan-card,
.ks-project-card,
.ks-filter-bar,
.ks-browse-hero,
.ks-category-card,
.ks-cta-banner,
.glass-card,
.ks-dash-shell {
    background: var(--ks-surface) !important;
    background-image: none !important;
    border-color: var(--ks-border-subtle) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* ── Section labels — red ────────────────────────────────────────────────── */
.ks-section-label {
    color: var(--ks-red) !important;
}

.ks-section-label::before {
    background: var(--ks-red) !important;
}

.ks-dash-header__username,
.ks-dash-overview__days {
    color: var(--ks-red) !important;
}

/* ── Tabs & buttons — solid red, no gradient ───────────────────────────── */
.ks-dash-nav .ks-dash-tab.is-active,
.ks-framer-btn--primary,
.ks-framer-btn--primary .ks-framer-btn__inner,
.ks-btn-primary,
.btn-primary,
.ks-credits-bar-fill,
.progress-bar {
    background: var(--ks-red) !important;
    background-image: none !important;
    border-color: var(--ks-red) !important;
    color: var(--ks-text-bright) !important;
    box-shadow: none !important;
}

.ks-framer-btn--primary:hover,
.ks-btn-primary:hover,
.btn-primary:hover {
    background: var(--ks-red-hover) !important;
    background-image: none !important;
    border-color: var(--ks-red-hover) !important;
}

.ks-dash-tab {
    background: transparent !important;
    background-image: none !important;
    color: var(--ks-text-muted) !important;
}

.ks-dash-tab:hover {
    background: rgba(255, 255, 255, 0.04) !important;
    background-image: none !important;
    color: var(--ks-text) !important;
}

/* ── Typography ──────────────────────────────────────────────────────────── */
.ks-dash-header__title,
.ks-dash-overview__plan-name,
.ks-dash-stat-value,
.ks-section-title,
h1, h2, h3, h4, h5, h6 {
    color: var(--ks-text) !important;
    background: none !important;
    background-image: none !important;
    -webkit-text-fill-color: var(--ks-text) !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
}

.ks-dash-header__lead,
.ks-dash-overview__meta,
.ks-framer-nav__link {
    color: var(--ks-text-muted) !important;
}

.ks-dash-stat-label,
.ks-dash-overview__eyebrow,
.ks-dash-credits-head span {
    color: var(--ks-text-dim) !important;
}

/* ── Nav ─────────────────────────────────────────────────────────────────── */
.ks-framer-nav__inner {
    background: var(--ks-bg) !important;
    background-image: none !important;
}

.ks-framer-nav {
    background: #2a2a2a !important;
    background-image: none !important;
}

.ks-framer-nav__link:hover,
.ks-framer-nav__link.active {
    color: var(--ks-text) !important;
}

/* ── Pills & badges — flat neutral / solid red (no translucent maroon) ───── */
.ks-dash-plan-pill {
    color: #fff !important;
    background: #a80000 !important;
    background-image: none !important;
    border: 1px solid #a80000 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.ks-dash-stat-card__icon {
    background: #1a1a1a !important;
    background-image: none !important;
    border: 1px solid #2a2a2a !important;
    color: #fff !important;
}

.ks-dash-btn-ghost,
.ks-dash-btn-ghost--accent {
    background: #1a1a1a !important;
    background-image: none !important;
    border: 1px solid #2a2a2a !important;
    color: #f0f0f0 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.ks-dash-btn-ghost:hover,
.ks-dash-btn-ghost--accent:hover {
    background: #222222 !important;
    border-color: #3a3a3a !important;
    color: #fff !important;
    text-decoration: none !important;
}

/* ── Forms — neutral dark, no blue focus ─────────────────────────────────── */
.form-control,
input,
textarea,
select,
.form-select {
    background: rgba(255, 255, 255, 0.04) !important;
    background-image: none !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #e8e8e8 !important;
}

.form-control:focus,
input:focus,
textarea:focus,
select:focus,
.form-select:focus {
    border-color: rgba(168, 0, 0, 0.6) !important;
    box-shadow: 0 0 0 3px rgba(168, 0, 0, 0.12) !important;
    background: rgba(168, 0, 0, 0.04) !important;
    background-image: none !important;
}

/* ── Kill ALL gradients & blue-tinted decorative layers ────────────────────── */
.text-gradient,
.text-gradient-yellow,
.ks-landing-gradient-text,
.ks-landing-orb,
.ks-landing-grid,
.ks-landing-mesh,
.ks-hero-orb,
.ks-dashboard::before,
[class*="orb"],
.gradient-border::before,
.gradient-border-animated::before {
    display: none !important;
    background: none !important;
    background-image: none !important;
}

/* Strip gradients from common UI containers */
.ks-dash-board,
.ks-dash-board *,
.ks-dash-nav,
.ks-dash-stats,
.ks-dash-content,
.ks-dash-stat-card,
.ks-card,
.ks-auth-card,
.ks-plan-card,
.ks-project-card,
.ks-filter-bar,
.ks-browse-hero,
.ks-category-card,
.ks-cta-banner,
.ks-dashboard,
.ks-framer-btn,
.ks-framer-nav,
.btn,
.ks-btn-primary,
.alert {
    background-image: none !important;
}

/* Bootstrap overrides — remove default blue */
.ks-body a:not(.ks-framer-btn):not(.ks-btn-primary):not(.btn-primary) {
    color: var(--ks-text);
}

.ks-body .btn-link {
    color: var(--ks-red) !important;
}

.ks-body .alert-info {
    background: var(--ks-surface-2) !important;
    border-color: var(--ks-border) !important;
    color: var(--ks-text) !important;
}

/* Footer */
.site-footer.ks-footer-simple {
    background: var(--ks-bg) !important;
    border-top: 1px solid var(--ks-border-subtle) !important;
    background-image: none !important;
}

.site-footer.ks-footer-simple::before {
    display: none !important;
}

.ks-footer-simple__brand {
    color: var(--ks-text) !important;
    text-decoration: none !important;
}

.ks-footer-simple__link {
    color: var(--ks-text-muted) !important;
    text-decoration: none !important;
}

.ks-footer-simple__link:hover {
    color: var(--ks-text) !important;
}

.ks-footer-simple__copy {
    color: var(--ks-text-dim) !important;
}

/* All icons — white */
.ks-body .hgi,
.ks-body i.hgi,
.ks-body .ks-plan-check,
.ks-body .ks-landing-trust-item i,
.ks-body .ks-landing-marquee-track span i,
.ks-body .ks-landing-feature-icon,
.ks-body .ks-landing-feature-icon .hgi,
.ks-body .ks-landing-feature-list li i,
.ks-body .ks-landing-price-features li i,
.ks-body .ks-plans-features li i,
.ks-body .ks-pm-pro__icon i,
.ks-body .ks-pm-float i,
.ks-body .ks-pm-search i,
.ks-body .ks-dash-stat-card__icon,
.ks-body .ks-dash-stat-card__icon i,
.ks-body .ks-dash-tab i,
.ks-body .ks-category-icon,
.ks-body .ks-feature-icon,
.ks-body .ks-info-list li i,
.ks-body .ks-compare-list li i,
.ks-body .ks-time-chip i,
.ks-body .ks-testimonial-stars i,
.ks-body .ks-empty-icon,
.ks-body .ks-input-icon {
    color: #ffffff !important;
}