/* ============================================================
   PRACHAR THEME — light-theme.css
   Off-white light mode override layer.
   Loads AFTER all other CSS. Uses !important to beat
   Ghost's dark-mode safety net rules.
   Remove this <link> to revert to dark theme.
   ============================================================ */


/* ── 0. NUCLEAR OVERRIDE — force ALL text dark ───────────────── */
/* Every element gets dark text. Whitelisted exceptions below. */

.pr-main *,
.pr-header *,
.pr-footer *,
.hv2-hero *,
.pr-boot *,
.gh-content *,
.pr-testimonials *,
.pr-dashboard *,
.pr-capabilities *,
.cs2-work *,
.pr-mobile-cta * {
    color: #333 !important;
}

/* Headings get solid black */
.pr-main h1, .pr-main h2, .pr-main h3, .pr-main h4,
.hv2-hero h1, .hv2-hero h2,
.pr-footer h1, .pr-footer h2,
.gh-content h1, .gh-content h2, .gh-content h3, .gh-content h4,
.pr-capabilities h2, .pr-capabilities h3,
.cs2-work h2, .cs2-work h3,
.pr-testimonials h2,
.pr-dashboard h2 {
    color: #1a1a1a !important;
}

/* Whitelisted elements that MUST stay white/light text */
.pr-nav-cta,
.pr-cta-button,
.pr-mobile-cta-primary,
.pr-boot-enter,
.kg-btn,
.kg-btn-accent,
.kg-header-card-button,
.kg-signup-card button,
.kg-signup-card .kg-signup-card-button,
.kg-product-card .kg-product-card-button,
.gh-post-upgrade-cta .gh-btn,
.ghost-comments-root button[type="submit"],
.cs2-filter-pill.is-active[data-filter="positioning-gtm"],
.cs2-filter-pill.is-active[data-filter="demand-gen"],
.cs2-filter-pill.is-active[data-filter="sales-enablement"] {
    color: #fff !important;
}

/* Accent colored text — preserve green/blue/pink */
.pr-card[data-accent="positioning-gtm"] .pr-card-tag,
.pr-post-tag[data-accent="positioning-gtm"],
.cs2-card[data-category="positioning-gtm"] .cs2-card__tag { color: #16a34a !important; }

.pr-card[data-accent="demand-gen"] .pr-card-tag,
.pr-post-tag[data-accent="demand-gen"],
.cs2-card[data-category="demand-gen"] .cs2-card__tag { color: #2563EB !important; }

.pr-card[data-accent="sales-enablement"] .pr-card-tag,
.pr-post-tag[data-accent="sales-enablement"],
.cs2-card[data-category="sales-enablement"] .cs2-card__tag { color: #db2777 !important; }

/* Dashboard accent numbers keep their colors */
.pr-dash-number--highlight { color: #2563EB !important; }
.pr-dash-number--ai { color: #16a34a !important; }
.pr-dash-status { background: #16a34a !important; }
.pr-dash-link { color: #16a34a !important; }
.pr-dash-link:hover { color: #15803d !important; }

/* Links stay blue */
.gh-content a { color: #2563EB !important; }
.gh-content a:hover { color: #1d4ed8 !important; }
.pr-why-text-link { color: #2563EB !important; }
.pr-error-link { color: #2563EB !important; }

/* Muted/secondary text — gray not light */
.pr-testimonial-context,
.pr-dash-subtitle,
.pr-why-label-number,
.pr-boot-line-detail,
.pr-footer-copy,
.pr-why-geo-note,
.pr-why-ai-caveat { color: #888 !important; }

.pr-testimonial-role,
.pr-post-meta,
.pr-back-link,
.pr-dash-label,
.pr-dash-unit,
.pr-why-eyebrow,
.pr-why-label-text,
.pr-why-proof-tag,
.pr-why-metric-label,
.pr-why-ai-stat-label,
.pr-why-hb-challenge,
.pr-why-hb-punchline { color: #666 !important; }

/* Boot screen colored text keeps colors */
.pr-boot-logo { color: #16a34a !important; }
.pr-boot-line--ok .pr-boot-line-main { color: #16a34a !important; }
.pr-boot-line--ai .pr-boot-line-main { color: #2563EB !important; }
.pr-boot-line--metric .pr-boot-line-main { color: #d97706 !important; }
.pr-boot-line--ready .pr-boot-line-main { color: #16a34a !important; }
.pr-boot-cursor-line::after { color: #16a34a !important; }

/* Hero keyword colors */
.hv2-word.hv2-kw-active[data-kw="ankit-dwivedi"] { color: var(--hv2-color-orange) !important; }
.hv2-word.hv2-kw-active[data-kw="positioning-clarity"] { color: var(--hv2-color-green) !important; }
.hv2-word.hv2-kw-active[data-kw="pipeline"] { color: var(--hv2-color-blue) !important; }
.hv2-word.hv2-kw-active[data-kw="market-winners"] { color: var(--hv2-color-pink) !important; }

/* AI-AUGMENTED PMM badge */
.hv2-hero [class*="badge"] { color: #16a34a !important; }

/* Footer gradient text — make it visible on light */
.pr-footer-cta-gradient {
    -webkit-text-fill-color: unset !important;
    background: none !important;
    background-clip: unset !important;
    color: #2563EB !important;
}

/* Case study card overlays — remove dark gradients for light images */
.cs2-card__overlay { background: none !important; }
.cs2-card[data-category="positioning-gtm"] .cs2-card__overlay {
    background: linear-gradient(to bottom, transparent 40%, rgba(255,255,255,0.7) 70%, rgba(245,243,240,0.95) 100%) !important;
}
.cs2-card[data-category="demand-gen"] .cs2-card__overlay {
    background: linear-gradient(to bottom, transparent 40%, rgba(255,255,255,0.7) 70%, rgba(245,243,240,0.95) 100%) !important;
}
.cs2-card[data-category="sales-enablement"] .cs2-card__overlay {
    background: linear-gradient(to bottom, transparent 40%, rgba(255,255,255,0.7) 70%, rgba(245,243,240,0.95) 100%) !important;
}

/* Case study card caption text — dark on light */
.cs2-card__title { color: #1a1a1a !important; }
.cs2-card__excerpt { color: #444 !important; }

/* Case study card tags — keep category colors */
.cs2-card[data-category="positioning-gtm"] .cs2-card__tag { background-color: rgba(22,163,74,0.15) !important; color: #16a34a !important; border: 1px solid rgba(22,163,74,0.3) !important; }
.cs2-card[data-category="demand-gen"] .cs2-card__tag { background-color: rgba(37,99,235,0.15) !important; color: #2563EB !important; border: 1px solid rgba(37,99,235,0.3) !important; }
.cs2-card[data-category="sales-enablement"] .cs2-card__tag { background-color: rgba(219,39,119,0.15) !important; color: #db2777 !important; border: 1px solid rgba(219,39,119,0.3) !important; }

/* Hover overlay — lighter */
.cs2-card:hover .cs2-card__hover-overlay { background-color: rgba(0,0,0,0.05) !important; }

/* Fallback card backgrounds for missing images */
.cs2-card[data-category="positioning-gtm"] .cs2-card__img-fallback { background-color: #e8f5e9 !important; }
.cs2-card[data-category="demand-gen"] .cs2-card__img-fallback { background-color: #e3f2fd !important; }
.cs2-card[data-category="sales-enablement"] .cs2-card__img-fallback { background-color: #fce4ec !important; }

/* ── 1. BASE (beats the !important safety net) ───────────────── */

body,
.site-content,
.post-content,
.gh-canvas {
    background-color: #f5f3f0 !important;
    color: #1a1a1a !important;
}

::selection {
    background: rgba(74, 222, 128, 0.3) !important;
    color: #1a1a1a !important;
}

::-moz-selection {
    background: rgba(74, 222, 128, 0.3) !important;
    color: #1a1a1a !important;
}

::-webkit-scrollbar-track { background: #f5f3f0 !important; }
::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.15) !important; }
::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.3) !important; }

/* Film grain — hide on light */
body::before { display: none !important; }

/* Ambient glow */
body::after {
    background: radial-gradient(ellipse 50% 45% at 50% 30%, rgba(74, 222, 128, 0.06) 0%, rgba(96, 165, 250, 0.03) 30%, transparent 60%) !important;
}


/* ── 2. HEADER / NAV ─────────────────────────────────────────── */

.pr-header {
    background: rgba(245, 243, 240, 0.92) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

@supports not (backdrop-filter: blur(1px)) {
    .pr-header { background: rgba(245, 243, 240, 0.97) !important; }
}

.pr-logo { color: #1a1a1a !important; }
.pr-nav-link { color: #444 !important; }
.pr-nav-link:hover { color: #1a1a1a !important; }

.pr-nav-cta {
    color: #fff !important;
    background: #1a1a1a !important;
}
.pr-nav-cta:hover { background: #333 !important; }
.pr-nav-cta:focus-visible { outline: 2px solid #1a1a1a !important; }

.pr-nav-resume {
    color: #1a1a1a !important;
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
}
.pr-nav-resume:hover {
    border-color: rgba(0, 0, 0, 0.5) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

.pr-hamburger span { background: #1a1a1a !important; }

.pr-nav-link:not(.pr-nav-cta):not(.pr-nav-resume)::after { background: rgba(0, 0, 0, 0.5) !important; }
.pr-nav-active { color: #1a1a1a !important; }
.pr-nav-active::after { background: rgba(74, 222, 128, 0.7) !important; }


/* ── 3. HERO (hero-v2) ───────────────────────────────────────── */

.hv2-hero {
    background: #f5f3f0 !important;
    padding-top: 80px !important; /* Clear the fixed header */
}

.hv2-word { color: rgba(0, 0, 0, 0.85) !important; }
.hv2-word.hv2-kw-active[data-kw="ankit-dwivedi"] { color: var(--hv2-color-orange) !important; }
.hv2-word.hv2-kw-active[data-kw="positioning-clarity"] { color: var(--hv2-color-green) !important; }
.hv2-word.hv2-kw-active[data-kw="pipeline"] { color: var(--hv2-color-blue) !important; }
.hv2-word.hv2-kw-active[data-kw="market-winners"] { color: var(--hv2-color-pink) !important; }

.hv2-subtitle { color: rgba(0, 0, 0, 0.75) !important; }

/* Hero radial glows */
.pr-hero::before { background: radial-gradient(ellipse at 20% 50%, rgba(74, 222, 128, 0.06) 0%, transparent 70%) !important; }
.pr-hero::after { background: radial-gradient(ellipse at 80% 40%, rgba(96, 165, 250, 0.05) 0%, transparent 70%) !important; }

/* Reduced motion hero colors */
@media (prefers-reduced-motion: reduce) {
    .hv2-word.hv2-kw[data-kw="ankit-dwivedi"] { color: var(--hv2-color-orange) !important; }
    .hv2-word.hv2-kw[data-kw="positioning-clarity"] { color: var(--hv2-color-green) !important; }
    .hv2-word.hv2-kw[data-kw="pipeline"] { color: var(--hv2-color-blue) !important; }
    .hv2-word.hv2-kw[data-kw="market-winners"] { color: var(--hv2-color-pink) !important; }
}


/* ── 4. SECTION TITLES ───────────────────────────────────────── */

.pr-section-title { color: #1a1a1a !important; }

.pr-section-title .pr-section-title-text {
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #1a1a1a !important;
    background-clip: unset !important;
    color: #1a1a1a !important;
}

.pr-section-divider { background: rgba(0, 0, 0, 0.04) !important; }
.pr-section-divider::after { background: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.08) 70%, transparent 100%) !important; }


/* ── 5. CARDS (case study) ───────────────────────────────────── */

.pr-card {
    background: #ffffff !important;
    border: 1px solid #ddd !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12) !important;
}
.pr-card:hover {
    background: #fafafa !important;
    border-color: #ccc !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18) !important;
}
.pr-card-accent { background: rgba(0, 0, 0, 0.08) !important; }
.pr-card-tag { color: #555 !important; }
.pr-card-title { color: #1a1a1a !important; }
.pr-card:hover .pr-card-title { color: #1a1a1a !important; }
.pr-card-excerpt { color: #444 !important; }
.pr-card-arrow { color: #999 !important; }
.pr-card:hover .pr-card-arrow { color: #1a1a1a !important; }


/* ── 6. CAPABILITIES ─────────────────────────────────────────── */

.pr-cap-heading.pr-section-title { color: #1a1a1a !important; }

.pr-cap-card {
    background-color: #ffffff !important;
    border: 1px solid #ddd !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.08) !important;
}
.pr-cap-card:hover {
    background-color: #fafafa !important;
    border-color: #ccc !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18), 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}
.pr-cap-card::before { background: linear-gradient(90deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.08) 50%, rgba(0, 0, 0, 0.04) 100%) !important; }
.pr-cap-card::after { background: radial-gradient(circle, rgba(0, 0, 0, 0.03) 0%, transparent 70%) !important; }
.pr-cap-title { color: #1a1a1a !important; }
.pr-cap-desc { color: #444 !important; }


/* ── 7. CASE STUDIES v2 ──────────────────────────────────────── */

.cs2-work { background-color: #f5f3f0 !important; }
.cs2-work__heading { color: #1a1a1a !important; }
.cs2-filter-pill { background-color: rgba(0, 0, 0, 0.06) !important; color: rgba(0, 0, 0, 0.5) !important; }
.cs2-filter-pill:hover { background-color: rgba(0, 0, 0, 0.1) !important; color: rgba(0, 0, 0, 0.75) !important; }
.cs2-filter-pill:focus-visible { outline: 2px solid rgba(0, 0, 0, 0.5) !important; }
.cs2-filter-pill.is-active[data-filter="all"] { background-color: rgba(0, 0, 0, 0.12) !important; color: #1a1a1a !important; }
.cs2-card { background-color: #e8e5e0 !important; }


/* ── 8. TESTIMONIALS ─────────────────────────────────────────── */

.pr-testimonial {
    background: #ffffff !important;
    border: 1px solid #ddd !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12) !important;
}
.pr-testimonial-quote { color: #333 !important; }
.pr-testimonial-quote::before { color: rgba(0, 0, 0, 0.12) !important; }
.pr-testimonial-author { border-top: 1px solid rgba(0, 0, 0, 0.06) !important; }
.pr-testimonial-name { color: #1a1a1a !important; }
.pr-testimonial-role { color: #666 !important; }
.pr-testimonial-context { color: #888 !important; }

.pr-testimonial::after { color: rgba(0, 0, 0, 0.03) !important; }
.pr-testimonial:nth-child(2)::after { color: rgba(96, 165, 250, 0.04) !important; }
.pr-testimonial:nth-child(3)::after { color: rgba(74, 222, 128, 0.04) !important; }
.pr-testimonial:nth-child(4)::after { color: rgba(244, 114, 182, 0.04) !important; }

.pr-testimonial-author { border-left: 2px solid rgba(74, 222, 128, 0.4) !important; }
.pr-testimonial:nth-child(2) .pr-testimonial-author { border-left-color: rgba(96, 165, 250, 0.4) !important; }
.pr-testimonial:nth-child(3) .pr-testimonial-author { border-left-color: rgba(244, 114, 182, 0.4) !important; }
.pr-testimonial:nth-child(4) .pr-testimonial-author { border-left-color: rgba(96, 165, 250, 0.4) !important; }


/* ── 9. DASHBOARD ────────────────────────────────────────────── */

.pr-dashboard { border-top: 1px solid rgba(0, 0, 0, 0.06) !important; }
.pr-dash-header { border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; }
.pr-dash-title { color: #555 !important; }
.pr-dash-subtitle { color: #888 !important; }
.pr-dash-card { background: #ffffff !important; border: 1px solid #ddd !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12) !important; }
.pr-dash-card:hover { border-color: #ccc !important; background: #fafafa !important; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18) !important; }
.pr-dash-label { color: #777 !important; }
.pr-dash-number { color: #1a1a1a !important; }
.pr-dash-unit { color: #777 !important; }
.pr-dash-footer { border-top: 1px solid rgba(0, 0, 0, 0.06) !important; }
.pr-dash-tool-label { color: rgba(0, 0, 0, 0.3) !important; }
.pr-dash-tool { color: rgba(0, 0, 0, 0.4) !important; border: 1px solid rgba(0, 0, 0, 0.08) !important; background: rgba(0, 0, 0, 0.02) !important; }


/* ── 10. BOOT SCREEN ─────────────────────────────────────────── */

.pr-boot { background: #f5f3f0 !important; }
.pr-boot-version { color: rgba(0, 0, 0, 0.25) !important; }
.pr-boot-divider { background: rgba(74, 222, 128, 0.3) !important; }
.pr-boot-line--system .pr-boot-line-main { color: rgba(0, 0, 0, 0.5) !important; }
.pr-boot-line-detail { color: rgba(0, 0, 0, 0.3) !important; }
.pr-boot-cursor-line { color: rgba(0, 0, 0, 0.55) !important; }
.pr-boot-enter { color: #f5f3f0 !important; background: #1a8a4a !important; }
.pr-boot-enter:hover { background: #16a34a !important; }
.pr-boot-skip { color: rgba(0, 0, 0, 0.3) !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; }
.pr-boot-skip:hover { color: rgba(0, 0, 0, 0.6) !important; border-color: rgba(0, 0, 0, 0.25) !important; }


/* ── 11. FOOTER ──────────────────────────────────────────────── */

.pr-footer::before { background: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.08) 20%, rgba(0, 0, 0, 0.08) 80%, transparent 100%) !important; }
.pr-footer-cta-text { color: #1a1a1a !important; }
.pr-cta-button { color: #fff !important; background: #1a1a1a !important; }
.pr-cta-button:hover { background: #333 !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important; }
.pr-footer-contact-link { color: #444 !important; }
.pr-footer-contact-link:hover { color: #1a1a1a !important; }
.pr-footer-contact-link svg { opacity: 0.5 !important; }
.pr-footer-contact-link:hover svg { opacity: 0.85 !important; }
.pr-footer-copy { color: #888 !important; }
.pr-footer-cta-tagline { color: rgba(0, 0, 0, 0.45) !important; }

/* Custom cursor */
.pr-cursor { background: radial-gradient(circle, rgba(74, 222, 128, 0.2) 0%, transparent 70%) !important; mix-blend-mode: multiply !important; }


/* ── 12. POST / PAGE CONTENT ─────────────────────────────────── */

.pr-post-title {
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #1a1a1a !important;
    background-clip: unset !important;
    color: #1a1a1a !important;
}
.pr-about-title {
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #1a1a1a !important;
    background-clip: unset !important;
    color: #1a1a1a !important;
}
.pr-page-title {
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #1a1a1a !important;
    background-clip: unset !important;
    color: #1a1a1a !important;
}
.pr-about-subtitle { color: rgba(0, 0, 0, 0.5) !important; }
.pr-post-feature { box-shadow: 0 4px 40px rgba(0, 0, 0, 0.1) !important; }
.pr-post-cta-strip { background: rgba(0, 0, 0, 0.02) !important; border: 1px solid rgba(0, 0, 0, 0.06) !important; }

.gh-content { color: #333 !important; }
.gh-content h2, .gh-content h3, .gh-content h4 { color: #1a1a1a !important; }
.gh-content h5 { color: rgba(0, 0, 0, 0.85) !important; }
.gh-content h6 { color: rgba(0, 0, 0, 0.6) !important; }
.gh-content a { color: #2563EB !important; }
.gh-content a:hover { color: #1d4ed8 !important; }
.gh-content blockquote { background: rgba(74, 222, 128, 0.06) !important; color: rgba(0, 0, 0, 0.85) !important; border-left-color: #16a34a !important; }
.gh-content pre { background: rgba(0, 0, 0, 0.04) !important; }
.gh-content hr { border-top: 1px solid rgba(0, 0, 0, 0.1) !important; }
.gh-content figcaption { color: rgba(0, 0, 0, 0.5) !important; }
.gh-content .kg-callout-card { background: rgba(0, 0, 0, 0.04) !important; }

.pr-back-link { color: #666 !important; }
.pr-back-link:hover { color: #1a1a1a !important; }
.pr-post-meta { color: #666 !important; }
.pr-post-excerpt { color: #555 !important; }
.pr-post-cta-text { color: #333 !important; }
.pr-related { border-top: 1px solid rgba(0, 0, 0, 0.08) !important; }
.pr-related-title { color: #555 !important; }

/* Koenig divider */
.kg-divider-card hr,
.gh-content .kg-divider-card hr { border-top: 1px solid rgba(0, 0, 0, 0.1) !important; }


/* ── 13. GHOST CARD OVERRIDES (light versions) ───────────────── */

/* Bookmark */
.kg-bookmark-card { background: rgba(0, 0, 0, 0.03) !important; border: 1px solid rgba(0, 0, 0, 0.08) !important; }
.kg-bookmark-container { background: rgba(0, 0, 0, 0.03) !important; color: #1a1a1a !important; }
.kg-bookmark-container:hover { background: rgba(0, 0, 0, 0.05) !important; }
.kg-bookmark-title { color: #1a1a1a !important; }
.kg-bookmark-description { color: rgba(0, 0, 0, 0.55) !important; }
.kg-bookmark-metadata { color: rgba(0, 0, 0, 0.4) !important; }
.kg-bookmark-author, .kg-bookmark-publisher { color: rgba(0, 0, 0, 0.4) !important; }

/* Callout */
.kg-callout-card { background: rgba(0, 0, 0, 0.03) !important; border: 1px solid rgba(0, 0, 0, 0.06) !important; color: rgba(0, 0, 0, 0.85) !important; }
.kg-callout-card-grey { background: rgba(0, 0, 0, 0.04) !important; }
.kg-callout-card-white { background: rgba(0, 0, 0, 0.02) !important; }
.kg-callout-text { color: rgba(0, 0, 0, 0.85) !important; }
.kg-callout-text a { color: #2563EB !important; }

/* Toggle */
.kg-toggle-card { background: rgba(0, 0, 0, 0.03) !important; border: 1px solid rgba(0, 0, 0, 0.06) !important; }
.kg-toggle-heading { color: #1a1a1a !important; }
.kg-toggle-heading svg, .kg-toggle-card-icon { fill: rgba(0, 0, 0, 0.4) !important; color: rgba(0, 0, 0, 0.4) !important; }
.kg-toggle-content { color: rgba(0, 0, 0, 0.7) !important; }
.kg-toggle-content a { color: #2563EB !important; }

/* Button */
.kg-btn { background: #16a34a !important; color: #fff !important; }
.kg-btn-accent { background: var(--ghost-accent-color, #16a34a) !important; color: #fff !important; }

/* File */
.kg-file-card { background: rgba(0, 0, 0, 0.03) !important; border: 1px solid rgba(0, 0, 0, 0.08) !important; }
.kg-file-card-container { color: #1a1a1a !important; }
.kg-file-card-title { color: #1a1a1a !important; }
.kg-file-card-caption, .kg-file-card-metadata { color: rgba(0, 0, 0, 0.4) !important; }
.kg-file-card-icon { fill: rgba(0, 0, 0, 0.4) !important; color: rgba(0, 0, 0, 0.4) !important; }

/* Audio */
.kg-audio-card { background: rgba(0, 0, 0, 0.03) !important; border: 1px solid rgba(0, 0, 0, 0.08) !important; }
.kg-audio-title { color: #1a1a1a !important; }
.kg-audio-player-container { color: rgba(0, 0, 0, 0.6) !important; }
.kg-audio-play-icon, .kg-audio-pause-icon { fill: #1a1a1a !important; color: #1a1a1a !important; }
.kg-audio-seek-slider, .kg-audio-volume-slider { background: rgba(0, 0, 0, 0.12) !important; }
.kg-audio-current-time, .kg-audio-duration { color: rgba(0, 0, 0, 0.4) !important; }
.kg-audio-mute-icon, .kg-audio-unmute-icon { fill: rgba(0, 0, 0, 0.4) !important; color: rgba(0, 0, 0, 0.4) !important; }

/* Video */
.kg-video-overlay { background: rgba(245, 243, 240, 0.3) !important; }
.kg-video-player-container { background: rgba(245, 243, 240, 0.8) !important; }
.kg-video-title { color: #1a1a1a !important; }

/* Product */
.kg-product-card { background: rgba(0, 0, 0, 0.03) !important; border: 1px solid rgba(0, 0, 0, 0.08) !important; }
.kg-product-card-title { color: #1a1a1a !important; }
.kg-product-card-description { color: rgba(0, 0, 0, 0.65) !important; }
.kg-product-card .kg-product-card-button { background: #16a34a !important; color: #fff !important; }
.kg-nft-card { background: rgba(0, 0, 0, 0.03) !important; border: 1px solid rgba(0, 0, 0, 0.08) !important; }
.kg-nft-metadata { color: rgba(0, 0, 0, 0.5) !important; }
.kg-nft-creator { color: rgba(0, 0, 0, 0.4) !important; }
.kg-nft-header h4 { color: #1a1a1a !important; }

/* Header card */
.kg-header-card { background: #f5f3f0 !important; }
.kg-header-card h2, .kg-header-card h3 { color: #1a1a1a !important; }
.kg-header-card-subheading { color: rgba(0, 0, 0, 0.6) !important; }
.kg-header-card-button { background: #16a34a !important; color: #fff !important; }
.kg-style-accent h2, .kg-style-accent h3, .kg-style-accent .kg-header-card-subheading { color: #fff !important; }

/* Gallery / Image captions */
.kg-gallery-card figcaption { color: rgba(0, 0, 0, 0.4) !important; }
.kg-image-card figcaption, .kg-card figcaption { color: rgba(0, 0, 0, 0.4) !important; }

/* Signup card */
.kg-signup-card { background: rgba(0, 0, 0, 0.03) !important; border: 1px solid rgba(0, 0, 0, 0.08) !important; }
.kg-signup-card-heading { color: #1a1a1a !important; }
.kg-signup-card-subheading { color: rgba(0, 0, 0, 0.55) !important; }
.kg-signup-card input[type="email"] { background: rgba(0, 0, 0, 0.04) !important; border: 1px solid rgba(0, 0, 0, 0.12) !important; color: #1a1a1a !important; }
.kg-signup-card input[type="email"]::placeholder { color: rgba(0, 0, 0, 0.3) !important; }
.kg-signup-card button, .kg-signup-card .kg-signup-card-button { background: #16a34a !important; color: #fff !important; }
.kg-signup-card-disclaimer { color: rgba(0, 0, 0, 0.3) !important; }
.kg-signup-card-disclaimer a { color: rgba(0, 0, 0, 0.5) !important; }

/* Collection */
.kg-collection-card-title { color: #1a1a1a !important; }
.kg-collection-card-post-title { color: rgba(0, 0, 0, 0.85) !important; }
.kg-collection-card-post-excerpt { color: rgba(0, 0, 0, 0.5) !important; }

/* Table */
.gh-content table th, .kg-table-card table th { background: rgba(0, 0, 0, 0.05) !important; color: #1a1a1a !important; border-bottom: 2px solid rgba(0, 0, 0, 0.12) !important; }
.gh-content table td, .kg-table-card table td { border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; color: rgba(0, 0, 0, 0.75) !important; }
.gh-content table tr:hover td, .kg-table-card table tr:hover td { background: rgba(0, 0, 0, 0.02) !important; }

/* Sodo search */
.sodo-search-container, .sodo-search-modal { background: #f5f3f0 !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; color: #1a1a1a !important; }
.sodo-search-input { background: rgba(0, 0, 0, 0.04) !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; color: #1a1a1a !important; }
.sodo-search-input::placeholder { color: rgba(0, 0, 0, 0.3) !important; }
.sodo-search-result { border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; }
.sodo-search-result:hover { background: rgba(0, 0, 0, 0.04) !important; }
.sodo-search-result-title { color: #1a1a1a !important; }
.sodo-search-result-excerpt { color: rgba(0, 0, 0, 0.5) !important; }

/* Portal notification */
.gh-portal-notification { background: #f5f3f0 !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; color: #1a1a1a !important; }

/* Comments */
.gh-comments, #ghost-comments-root {
    --comment-bg: #f5f3f0 !important;
    --comment-text: rgba(0, 0, 0, 0.85) !important;
    --comment-secondary-text: rgba(0, 0, 0, 0.5) !important;
    --comment-input-bg: rgba(0, 0, 0, 0.04) !important;
    --comment-input-border: rgba(0, 0, 0, 0.1) !important;
    --comment-separator: rgba(0, 0, 0, 0.06) !important;
    color: rgba(0, 0, 0, 0.85) !important;
}
.ghost-comments-root .comment-content { color: rgba(0, 0, 0, 0.85) !important; }
.ghost-comments-root .comment-author { color: #1a1a1a !important; }
.ghost-comments-root .comment-date { color: rgba(0, 0, 0, 0.35) !important; }
.ghost-comments-root textarea, .ghost-comments-root input { background: rgba(0, 0, 0, 0.04) !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; color: #1a1a1a !important; }
.ghost-comments-root button[type="submit"] { background: #16a34a !important; color: #fff !important; }

/* Upgrade CTA */
.gh-post-upgrade-cta { background: rgba(0, 0, 0, 0.03) !important; border: 1px solid rgba(0, 0, 0, 0.06) !important; }
.gh-post-upgrade-cta-content h2 { color: #1a1a1a !important; }
.gh-post-upgrade-cta-content p { color: rgba(0, 0, 0, 0.55) !important; }
.gh-post-upgrade-cta .gh-btn { background: #16a34a !important; color: #fff !important; }
.gh-post-upgrade-cta::before { background: linear-gradient(transparent, #f5f3f0) !important; }

/* Ghost powered-by */
a.gh-powered-by { color: rgba(0, 0, 0, 0.2) !important; }
a.gh-powered-by:hover { color: rgba(0, 0, 0, 0.4) !important; }


/* ── 14. ERROR / TAG PAGES ───────────────────────────────────── */

.pr-error-code { color: rgba(0, 0, 0, 0.2) !important; }
.pr-error-message { color: rgba(0, 0, 0, 0.55) !important; }
.pr-error-link { color: #2563EB !important; }
.pr-tag-description { color: rgba(0, 0, 0, 0.55) !important; }


/* ── 15. FOCUS / A11Y ────────────────────────────────────────── */

a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 2px solid #2563EB !important; }
.pr-card:focus-visible { outline: 2px solid #2563EB !important; border-color: rgba(37, 99, 235, 0.4) !important; }
.pr-cta-button:focus-visible { outline: 2px solid #2563EB !important; }


/* ── 16. MOBILE ──────────────────────────────────────────────── */

@media (max-width: 768px) {
    .pr-nav { background: #f5f3f0 !important; }
    .pr-nav.open { background: rgba(245, 243, 240, 0.98) !important; }
    .pr-mobile-cta { background: rgba(245, 243, 240, 0.95) !important; border-top: 1px solid rgba(0, 0, 0, 0.08) !important; }
    .pr-mobile-cta-btn { border: 1px solid rgba(0, 0, 0, 0.15) !important; color: rgba(0, 0, 0, 0.7) !important; }
    .pr-mobile-cta-btn:hover, .pr-mobile-cta-btn:active { border-color: rgba(0, 0, 0, 0.3) !important; background: rgba(0, 0, 0, 0.04) !important; }
    .pr-mobile-cta-primary { background: #1a1a1a !important; color: #fff !important; border-color: #1a1a1a !important; }
    .pr-mobile-cta-primary:hover, .pr-mobile-cta-primary:active { background: #333 !important; border-color: #333 !important; }
}


/* ── 17. CASE STUDY POST COMPONENTS ──────────────────────────── */

.gh-content .pr-callout { background: rgba(74, 222, 128, 0.06) !important; }


/* ── 18. CUSTOM PAGE OVERRIDES (Why Me, AI Workflow, Case Studies, About) ── */

/* Why Me page */
.pr-why-title { color: #1a1a1a !important; }
.pr-why-subtitle { color: #555 !important; }
.pr-why-eyebrow { color: #666 !important; }
.pr-why-phil-label { color: #888 !important; }
.pr-why-phil-text { color: #444 !important; }
.pr-why-phil-kicker { color: #222 !important; }
.pr-why-label-number { color: #aaa !important; }
.pr-why-label-text { color: #666 !important; }
.pr-why-lead { color: #333 !important; }
.pr-why-metric-value { color: #1a1a1a !important; }
.pr-why-metric-label { color: #666 !important; }
.pr-why-proof-card { background: #ffffff !important; border: 1px solid #ddd !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12) !important; }
.pr-why-proof-card:hover { background: #fafaf8 !important; }
.pr-why-proof-tag { color: #666 !important; }
.pr-why-proof-card h3 { color: #1a1a1a !important; }
.pr-why-proof-card p { color: #444 !important; }
.pr-why-ai-item { background: #ffffff !important; border: 1px solid #ddd !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12) !important; }
.pr-why-ai-tool { color: #1a1a1a !important; }
.pr-why-ai-use { color: #444 !important; }
.pr-why-ai-impact { color: #666 !important; }
.pr-why-ai-stat-value { color: #1a1a1a !important; }
.pr-why-ai-stat-label { color: #666 !important; }
.pr-why-ai-caveat { color: #888 !important; }
.pr-why-text-link { color: #2563EB !important; }
.pr-why-geo-item { background: #ffffff !important; border: 1px solid #ddd !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12) !important; }
.pr-why-geo-item h4 { color: #1a1a1a !important; }
.pr-why-geo-item p { color: #444 !important; }
.pr-why-geo-note { color: #888 !important; }
.pr-why-hard-buyer { color: #333 !important; }
.pr-why-hb-item { border-color: rgba(0, 0, 0, 0.12) !important; }
.pr-why-hb-challenge { color: #666 !important; }
.pr-why-hb-response { color: #333 !important; }
.pr-why-hb-punchline { color: #666 !important; }
.pr-why-fw-item { background: #ffffff !important; border: 1px solid #ddd !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12) !important; }
.pr-why-fw-item h4 { color: #1a1a1a !important; }
.pr-why-fw-item p { color: #444 !important; }
.pr-why-section-label { border-bottom-color: rgba(0, 0, 0, 0.12) !important; }
.pr-why-section { border-bottom-color: rgba(0, 0, 0, 0.08) !important; }

/* AI Workflow page */
.pr-ai-title, [class*="pr-ai-"] h1, [class*="pr-ai-"] h2, [class*="pr-ai-"] h3, [class*="pr-ai-"] h4 { color: #1a1a1a !important; }
[class*="pr-ai-"] p { color: #444 !important; }
[class*="pr-ai-"][class*="card"], [class*="pr-ai-"][class*="item"], [class*="pr-ai-"][class*="block"] {
    background: #ffffff !important;
    border-color: #ddd !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12) !important;
}
[class*="pr-ai-"][class*="label"], [class*="pr-ai-"][class*="meta"], [class*="pr-ai-"][class*="caption"] {
    color: #666 !important;
}

/* Case Studies listing page */
[class*="pr-cs-"] h1, [class*="pr-cs-"] h2, [class*="pr-cs-"] h3, [class*="pr-cs-"] h4 { color: #1a1a1a !important; }
[class*="pr-cs-"] p { color: #444 !important; }

/* About page */
.pr-about-title { color: #1a1a1a !important; }
.pr-about-subtitle { color: #555 !important; }

/* Blanket: any remaining white text in the main content area */
.pr-main h1, .pr-main h2, .pr-main h3, .pr-main h4 { color: #1a1a1a !important; }
.pr-main p { color: #333 !important; }
.pr-main li { color: #333 !important; }

/* Preserve accent-colored text (don't override tag colors) */
.pr-card[data-accent="positioning-gtm"] .pr-card-tag { color: #4ADE80 !important; }
.pr-card[data-accent="demand-gen"] .pr-card-tag { color: #60A5FA !important; }
.pr-card[data-accent="sales-enablement"] .pr-card-tag { color: #F472B6 !important; }
.pr-post-tag[data-accent="positioning-gtm"] { color: #16a34a !important; }
.pr-post-tag[data-accent="demand-gen"] { color: #2563EB !important; }
.pr-post-tag[data-accent="sales-enablement"] { color: #db2777 !important; }

/* Preserve CTA button text (white on dark bg) */
.pr-nav-cta { color: #fff !important; }
.pr-cta-button { color: #fff !important; }
.pr-mobile-cta-primary { color: #fff !important; }

/* Footer CTA tagline */
.pr-footer-cta-tagline { color: #666 !important; }