/* ═══════════════════════════════════════════
   DARK MODE TOKENS
   ═══════════════════════════════════════════ */
[data-theme="dark"] {
    --color-bg: #141413;
    --color-bg-warm: #1C1C1A;
    --color-bg-card: #222220;
    --color-text: #E8E8E4;
    --color-text-secondary: #A3A39C;
    --color-text-tertiary: #6E6E68;
    --color-accent: #40916C;
    --color-accent-light: #1B3A2A;
    --color-accent-deep: #52B788;
    --color-red: #E04048;
    --color-red-light: #3A1618;
    --color-warm: #E8934F;
    --color-warm-light: #2A1F14;
    --color-warm-deep: #F0A86C;
    --color-border: #2E2E2A;
    --color-border-strong: #3E3E38;
    --shadow-focus-accent: 0 0 0 3px rgba(64, 145, 108, 0.2);
}

/* ═══════════════════════════════════════════
   DARK MODE COMPONENT OVERRIDES
   ═══════════════════════════════════════════ */
[data-theme="dark"] ::selection {
    background: var(--color-accent-light);
    color: var(--color-accent-deep);
}

[data-theme="dark"] .nav {
    background: rgba(20, 20, 19, 0.85);
}

[data-theme="dark"] .nav__links .nav__cta,
[data-theme="dark"] .nav__links button.nav__cta {
    color: var(--color-on-dark);
}

[data-theme="dark"] .nav__links .nav__cta:hover,
[data-theme="dark"] .nav__links button.nav__cta:hover {
    color: var(--color-on-dark);
}

[data-theme="dark"] .nav__links .nav__cta--referral {
    color: var(--color-accent);
    border-color: var(--color-accent);
}

[data-theme="dark"] .nav__links .nav__cta--referral:hover {
    color: var(--color-accent-deep);
    background: var(--color-accent-light);
}

[data-theme="dark"] .nav__links--open {
    background: rgba(20, 20, 19, 0.98);
}

[data-theme="dark"] .dark-toggle__icon--sun { display: block; }
[data-theme="dark"] .dark-toggle__icon--moon { display: none; }

/* Keep already-dark sections dark in dark mode */
[data-theme="dark"] .evidence-strip {
    background: var(--color-accent-deep);
}

[data-theme="dark"] .cta {
    background: var(--color-accent-deep);
}

[data-theme="dark"] .hero__visual {
    background: var(--color-accent);
}

[data-theme="dark"] .cta .btn--primary {
    background: var(--color-text);
    color: var(--color-accent-deep);
}

[data-theme="dark"] .cta .btn--primary:hover {
    background: var(--color-on-dark);
}

[data-theme="dark"] .evidence-stat__number {
    color: var(--color-on-dark);
}

[data-theme="dark"] .bezel-card__detail {
    background: var(--color-bg-warm);
}

[data-theme="dark"] .bezel-card__detail p {
    color: rgba(232, 232, 228, 0.9);
}

/* Dark mode bar chart — lightest bars need adjustment */
[data-theme="dark"] .bar-chart__fill--5 .bar-chart__inline-label,
[data-theme="dark"] .bar-chart__fill--6 .bar-chart__inline-label {
    color: var(--color-accent-deep);
}

[data-theme="dark"] .nav__logo img {
    filter: brightness(1.3);
}

[data-theme="dark"] .footer__brand img {
    filter: brightness(1.3);
}

[data-theme="dark"] .yp-toggle__switch::after {
    background: #2A2A28;
}

[data-theme="dark"] .back-to-top {
    box-shadow: 0 2px 12px rgba(0,0,0,0.4);
}

/* ═══════════════════════════════════════════
   SMOOTH THEME TRANSITION
   ═══════════════════════════════════════════ */
.theme-transitioning,
.theme-transitioning *,
.theme-transitioning *::before,
.theme-transitioning *::after {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, fill 0.3s ease, stroke 0.3s ease !important;
}

/* ═══════════════════════════════════════════
   DARK MODE — AUDIENCE BUBBLE (ACCORDION)
   ═══════════════════════════════════════════ */
[data-theme="dark"] .audience-bubble__trigger {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4), 0 2px 6px rgba(0,0,0,0.2);
}

[data-theme="dark"] .audience-bubble__panel {
    background: var(--color-bg-card);
    border-color: var(--color-border);
    box-shadow: 0 16px 60px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .audience-bubble__group-trigger {
    background: var(--color-bg-warm);
    border-color: var(--color-border);
}

[data-theme="dark"] .audience-bubble__group-trigger:hover {
    background: var(--color-accent-light);
    border-color: var(--color-accent);
}

[data-theme="dark"] .audience-bubble__group--open .audience-bubble__group-trigger {
    background: var(--color-accent-light);
    border-color: var(--color-accent);
}

[data-theme="dark"] .audience-bubble__group-pages {
    background: var(--color-bg-warm);
    border-color: var(--color-accent);
}

[data-theme="dark"] .audience-bubble__page-link:hover {
    background: var(--color-accent-light);
}

[data-theme="dark"] .audience-bubble__page-link--current {
    background: var(--color-accent-light);
    border-left-color: var(--color-accent);
}

[data-theme="dark"] .audience-bubble__page-link--current .audience-bubble__page-link-text {
    color: var(--color-accent);
}

[data-theme="dark"] .audience-bubble__skip-link {
    color: var(--color-text-tertiary);
    border-top-color: var(--color-border);
}

[data-theme="dark"] .audience-bubble__skip-link:hover {
    color: var(--color-accent);
}

[data-theme="dark"] .audience-bubble__tooltip {
    background: var(--color-text);
    color: var(--color-bg);
}

[data-theme="dark"] .audience-bubble__tooltip::after {
    background: var(--color-text);
}

/* ═══════════════════════════════════════════
   DARK MODE — SEARCH
   ═══════════════════════════════════════════ */
[data-theme="dark"] .search-toggle {
    border-color: var(--color-border-strong);
    color: var(--color-text-secondary);
}

[data-theme="dark"] .search-dropdown {
    background: var(--color-bg-card);
    border-color: var(--color-border);
    box-shadow: 0 12px 40px rgba(0,0,0,0.5);
}

[data-theme="dark"] .search-result__excerpt mark {
    background: var(--color-accent-light);
    color: var(--color-accent-deep);
}