/* XTEST site-wide Navy theme — solid colors, yellow accents */

html,
body,
body.exchange-page,
body.index-page,
body.support-site-page,
body.buy-crypto-page,
body.buy-eth-page,
body.admin-x-page {
    background: #0f1b33 !important;
    color: #dbeafe !important;
}

body.exchange-page .hero-section,
body.exchange-page .layout,
body.exchange-page .site-footer,
body.index-page .cs-hero,
body.index-page .srv-section,
body.index-page .index-trust,
body.index-page .site-footer {
    background: #0f1b33 !important;
}

/* Site-wide (xtest): white menu bar on all pages */
.mobile-topbar,
.mobile-topbar .topbar,
.topbar {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

.mobile-menu-btn {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #1e3a8a !important;
}

.brand,
.brand:hover {
    color: #1e3a8a !important;
}

.mobile-topbar .topbar .mobile-nav a,
.topbar nav a {
    color: #1e40af !important;
}

.mobile-topbar .topbar .mobile-nav a:hover,
.mobile-topbar .topbar .mobile-nav a.topbar-active,
.topbar-active {
    color: #0f172a !important;
    background: #f1f5f9 !important;
}

@media (max-width: 760px) {
    .mobile-topbar .topbar .mobile-nav {
        background: #ffffff !important;
        border-bottom: 1px solid #e2e8f0 !important;
        box-shadow: 0 12px 32px #0f172a26 !important;
    }
}

.card,
.cs-card,
.srv-card,
.index-fee-box,
.index-trust-inner,
.index-quick-card,
.announcement,
.status-box,
.wallet-card,
.form-card,
.history-card {
    background: #0f1b33 !important;
    border: 1px solid #f0b429 !important;
    color: #dbeafe !important;
    box-shadow: none !important;
}

.card-head h2,
.srv-section h2,
.index-trust h2,
.index-fee-title,
.cs-card h3,
.srv-card h3,
legend {
    color: #f0b429 !important;
}

/* Hero title — original style */
.cs-title {
    color: #f0f4f8 !important;
}

.cs-accent,
.hero-accent {
    background: linear-gradient(135deg, #fbbf24 0%, #f0b429 55%, #fde68a 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
}

.hint,
label,
.cs-sub,
.cs-svc-explains p,
.cs-card p,
.srv-card p,
.srv-lead,
.index-fee-text,
.index-trust p,
.pct-summary,
.rates-bar,
.recipient-grid.head,
.submit-hint,
.timing-hint,
.cs-tagline,
.site-footer,
.site-footer a,
.site-footer strong {
    color: #93c5fd !important;
}

.cs-svc-explains strong,
.cs-sub strong,
.index-fee-text strong,
.cs-stat strong {
    color: #fbbf24 !important;
}

.cs-stat span {
    color: #93c5fd !important;
}

.cs-stat-sep {
    background: #f0b429 !important;
}

input,
select,
textarea {
    background: #0a1426 !important;
    border: 1px solid #f0b429 !important;
    color: #e2e8f0 !important;
}

input:focus,
select:focus,
textarea:focus {
    outline: 1px solid #f0b429 !important;
    outline-offset: 1px;
}

.btn,
.btn.ghost {
    border-color: #f0b429 !important;
    color: #fbbf24 !important;
    background: #0a1426 !important;
}

.btn.primary,
.cs-btn-primary {
    background: #1e3a5f !important;
    border-color: #f0b429 !important;
    color: #fbbf24 !important;
}

.btn.primary:hover:not(:disabled),
.cs-btn-primary:hover {
    background: #254a75 !important;
}

.badge {
    background: #1e3a5f !important;
    color: #93c5fd !important;
}

.badge.connected {
    background: #14532d !important;
    color: #86efac !important;
}

.source-fieldset,
.recipients-fieldset {
    border-color: #f0b429 !important;
}

#form-section.form-card,
#form-section.form-card.disabled-block {
    border: 1px solid #f0b429 !important;
    background: #0f1b33 !important;
}

#form-section .recipient-grid.row.row-active {
    background: #1e3a5f !important;
}

.send-amt,
.recv-amt {
    color: #93c5fd !important;
}

.cs-glow,
.hero-glow {
    background: radial-gradient(ellipse at center, #1e3a5f 0%, transparent 68%) !important;
}

.cs-badge {
    background: #1e3a5f !important;
    border-color: #f0b429 !important;
    color: #fbbf24 !important;
}

.cs-dot {
    background: #f0b429 !important;
}

.balance-tile {
    background: #0a1426 !important;
    border-color: #f0b429 !important;
}

.split-theme-panel {
    background: #0f1b33 !important;
    border-color: #f0b429 !important;
}

.split-theme-option {
    background: #0a1426 !important;
    border-color: #1e3a5f !important;
}

.split-theme-option.is-active,
.split-theme-option:hover {
    border-color: #f0b429 !important;
    background: #1e3a5f !important;
}