/*
 * Named inverse surfaces whose dark appearance is intentional in both themes.
 *
 * Keeping these colors together makes their WCAG contrast contract explicit and
 * prevents generic light/dark utility audits from mistaking brand actions,
 * transient status messages, or the investor footer for page backgrounds.
 */
.marketplace-search-action,
.promo-submit-action {
    background-color: #7c2d12;
    color: #ffffff;
}

.marketplace-search-action:hover,
.promo-submit-action:hover {
    background-color: #431407;
}

html.dark .marketplace-search-action,
html.dark .promo-submit-action {
    background-color: #9a3412;
    color: #ffffff;
}

html.dark .marketplace-search-action:hover,
html.dark .promo-submit-action:hover {
    background-color: #7c2d12;
}

.status-toast-surface {
    background-color: #1e3a8a;
    color: #ffffff;
}

html.dark .status-toast-surface {
    background-color: #dbeafe;
    color: #172554;
}

.investor-social-link,
.investor-payment-badge {
    background-color: #1f2937;
    color: #f9fafb;
}

.investor-social-link:hover {
    background-color: #fb923c;
    color: #111827;
}

:where(.marketplace-search-action, .promo-submit-action, .investor-social-link):focus-visible {
    outline: 0.1875rem solid #60a5fa;
    outline-offset: 0.1875rem;
    box-shadow: 0 0 0 0.25rem rgb(15 23 42 / 0.72);
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto !important;
    }

    [data-aos],
    .marketplace-search-action,
    .promo-submit-action,
    .investor-social-link {
        animation-delay: 0ms !important;
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-delay: 0ms !important;
        transition-duration: 0.001ms !important;
    }
}