/* Cross-theme readability overrides */
:root {
    --hero-highlight-color: #ffffff;
    --hero-highlight-bg: rgba(5, 10, 20, 0.36);
    --hero-highlight-border: rgba(255, 255, 255, 0.26);
    --hero-highlight-shadow: 0 1px 2px rgba(0, 0, 0, 0.42);
}

.cassi443-hero__highlight {
    color: var(--hero-highlight-color);
    background: var(--hero-highlight-bg);
    border: 1px solid var(--hero-highlight-border);
    border-radius: calc(var(--radius-sm) * 0.75);
    padding: 0.08em 0.38em;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    text-shadow: var(--hero-highlight-shadow);
    font-weight: var(--font-weight-bold);
}