/* Hero 50/50 dark background (token-driven) */
.sb-hero5050.bg-dark,
.pb-hero-5050.bg-dark {
    color: var(--sb-text);
}

/* In dark theme, ensure text stays readable */
html[data-theme="dark"] .sb-hero5050.bg-dark,
html[data-theme="dark"] .pb-hero-5050.bg-dark {
    color: var(--sb-text);
}

/* Buttons inside a dark hero: keep contrast consistent */
.sb-hero5050.bg-dark a.btn,
.pb-hero-5050.bg-dark a.btn {
    /* Bootstrap 5.3 button vars */
    --bs-btn-color: var(--sb-text);
    --bs-btn-hover-color: var(--sb-text);

    /* If it's an outline button, make sure border isn’t dim */
    --bs-btn-border-color: var(--sb-border);
    --bs-btn-hover-border-color: var(--sb-border);
}

/* If you specifically use .btn-primary inside dark hero, force readable text */
.sb-hero5050.bg-dark a.btn.btn-primary,
.pb-hero-5050.bg-dark a.btn.btn-primary {
    /* Your accent is light in dark mode, so dark text is often more readable */
    --bs-btn-color: var(--sb-accent-contrast, #0b1020);
    --bs-btn-hover-color: var(--sb-accent-contrast, #0b1020);
}