/* kvmspot shared emerald dark theme — content pages */

:root {
    --mc-primary: #34d399;
    --mc-primary-dark: #10b981;
    --mc-primary-light: #6ee7b7;
    --nav-cta-bg: #34d399;
    --nav-cta-color: #04120d;
    --nav-cta-bg-hover: #6ee7b7;
    --nav-cta-color-hover: #04120d;
    --nav-cta-radius: 0.5rem;
    --ru-accent: #34d399;
    --primary-blue: #34d399;
}

body.theme-kvmspot,
body.theme-mc14.theme-kvmspot {
    --primary: #34d399;
    --primary-dark: #10b981;
    --primary-light: #6ee7b7;
    --mc-primary: #34d399;
    --mc-primary-dark: #10b981;
    --mc-primary-light: #6ee7b7;
    --mc-text: #e5e5e5;
    --mc-text-muted: #9ca3af;
    --mc-border: rgba(255, 255, 255, 0.08);
    --mc-bg: #08080c;
    --mc-bg-subtle: #111116;
    --mc-accent-warm: #f97316;
    --nav-cta-bg: #34d399;
    --nav-cta-color: #04120d;
    --nav-cta-radius: 0.5rem;
    --nav-cta-bg-hover: #6ee7b7;
    --nav-cta-color-hover: #04120d;
    --ru-accent: #34d399;
    --primary-blue: #34d399;
    background-color: #08080c !important;
    color: #e5e5e5 !important;
    -webkit-font-smoothing: antialiased;
    font-family: 'Inter', 'PingFang SC', -apple-system, BlinkMacSystemFont, sans-serif;
}

body.theme-kvmspot ::-webkit-scrollbar,
body.article-page ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
body.theme-kvmspot ::-webkit-scrollbar-track,
body.article-page ::-webkit-scrollbar-track {
    background: #08080c;
}
body.theme-kvmspot ::-webkit-scrollbar-thumb,
body.article-page ::-webkit-scrollbar-thumb {
    background: #2a2a32;
    border-radius: 999px;
}
body.theme-kvmspot ::-webkit-scrollbar-thumb:hover,
body.article-page ::-webkit-scrollbar-thumb:hover {
    background: #3f3f48;
}

body.theme-kvmspot h1,
body.theme-kvmspot h2,
body.theme-kvmspot h3,
body.theme-kvmspot h4,
body.theme-kvmspot h5,
body.theme-kvmspot h6 {
    color: #fff;
}

body.theme-kvmspot .section-heading,
body.theme-kvmspot .pricing-hero h1,
body.theme-kvmspot .blog-module h1 {
    color: #fff !important;
}

body.theme-kvmspot .cat-tab.active,
body.theme-kvmspot #billingCycleSelector button.active,
body.theme-kvmspot #billingCycleSelector button[data-active="true"] {
    color: #04120d !important;
}

body.theme-kvmspot.checkout-page .checkout-submit,
body.theme-kvmspot.console-page .console-btn-primary {
    color: #04120d !important;
}

/* Article pages */
body.article-page {
    --primary: #34d399;
    --primary-dark: #10b981;
    --primary-light: #6ee7b7;
    --text: #e5e5e5;
    --text-muted: #9ca3af;
    --border: rgba(255, 255, 255, 0.08);
    --border-strong: rgba(255, 255, 255, 0.14);
    --bg: #08080c;
    --bg-subtle: #111116;
    --bg-blue: rgba(52, 211, 153, 0.08);
    background-color: #08080c !important;
    color: #e5e5e5 !important;
}

body.article-page .article-body {
    background: #08080c;
    color: #d1d5db;
}

body.article-page .article-body h2,
body.article-page .article-body h3,
body.article-page .article-body h4 {
    color: #fff !important;
}

body.article-page .article-card,
body.article-page .toc-card,
body.article-page .related-card {
    background: #111116 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

body.article-page .article-hero {
    background:
        radial-gradient(ellipse 80% 60% at 90% 40%, rgba(52, 211, 153, 0.15) 0%, transparent 52%),
        radial-gradient(ellipse 50% 40% at 5% 90%, rgba(249, 115, 22, 0.08) 0%, transparent 45%),
        linear-gradient(145deg, #08080c 0%, #04120d 32%, #065f46 62%, #047857 100%) !important;
}

body.article-page #readProgress {
    background: linear-gradient(90deg, #34d399 0%, #6ee7b7 60%, #f97316 100%) !important;
}