:root {
  --bg: #edf6fc !important;
  --panel: #ffffff !important;
  --soft: #e1eef7 !important;
  --line: #bfd5e4 !important;
  --text: #20384b !important;
  --muted: #657d8e !important;
  --lime: #5f91b3 !important;
  --cyan: #8bc4db !important;
  --violet: #a99ad4 !important;
  --orange: #e7a78f !important;
}

body {
  background: linear-gradient(135deg, #f8fbfe 0%, #eaf4fb 52%, #f3eef9 100%) !important;
  color: var(--text) !important;
}
.noise { opacity: .012 !important; }
.topbar, .topnav {
  background: rgba(255, 255, 255, .94) !important;
  border-color: var(--line) !important;
  box-shadow: 0 8px 24px rgba(72, 111, 139, .08) !important;
}
.brand, .topbar nav a, .login, .action { color: var(--text) !important; }
.brand span, .brand > span:last-child > span, .login span, .eyebrow, .kicker, .small-link { color: #4f83a8 !important; }
.brand-mark { color: #4f83a8 !important; border-color: #8db7d0 !important; background: #f5faff !important; }
.login { background: #5f91b3 !important; border-color: #5f91b3 !important; color: #fff !important; }
.login:hover, .topbar nav a:hover { color: #315f7e !important; }

.stats {
  background: linear-gradient(110deg, #d9ebf6, #e8f2f8) !important;
  border-color: #b9d2e2 !important;
  color: var(--text) !important;
  box-shadow: 0 14px 35px rgba(72, 111, 139, .12) !important;
}
.stats .year small, .stats .year span, .stats .stat small, .stats .stat p { color: var(--muted) !important; }
.stats .divider { background: #b6cfdf !important; }
.stats .stat-icon { border-color: #93b8cf !important; }
.hero { background: linear-gradient(120deg, rgba(255,255,255,.82), rgba(214,233,245,.72)) !important; border-color: #c8dce9 !important; }
.hero::before { background: #c7b8e4 !important; opacity: .18 !important; }
.hero h1, .section h2, .exchange h2, .filter-section h2, .login-section h2, .trust strong { color: var(--text) !important; }
.hero h1 em, .section h2 em, .exchange h2 em { -webkit-text-stroke-color: #7896aa !important; }
.hero-copy > p, .trust, .section-head p, .exchange-copy p, .filter-section p, .login-section p { color: var(--muted) !important; }
.avatars b { background: #dcebf4 !important; color: var(--text) !important; border-color: #f5faff !important; }
.primary, .filter-panel .search-button, .swap-icon { background: #6f9fbd !important; color: #fff !important; }
.secondary, .light-button { background: #fff !important; border-color: #b9d1e1 !important; color: #31556e !important; }

.banner-card, .floating-card, .listing, .filter-panel, .swap-card {
  background: rgba(255,255,255,.96) !important;
  border-color: #c4d9e7 !important;
  color: var(--text) !important;
  box-shadow: 0 18px 45px rgba(72, 111, 139, .13) !important;
}
.mock-banner { background: linear-gradient(125deg, #d7eaf5 0 48%, #b9a9da 48% 70%, #f3c9b7 70%) !important; color: var(--text) !important; }
.sun, .card-meta button, .small-card .pulse, .mini-logo, .match i { background: #78a7c4 !important; }
.floating-card small, .card-meta small, .price-card small, .price-card span { color: var(--muted) !important; }
.listing-info small b, .listing-info h3, .listing-info > strong, .filter-panel button { color: var(--text) !important; }
.listing-info > span { color: #4f83a8 !important; }
.preview.tech { background: radial-gradient(circle at 75% 45%, #f3c9b7 0 6%, transparent 6.5%), linear-gradient(135deg, #cfe5f2, #91bfd7) !important; color: var(--text) !important; }
.preview.tech::after { border-color: rgba(255,255,255,.42) !important; }
.preview.urban { background: linear-gradient(145deg, #f7d7c8, #d9b6d8 55%, #a9cfe2) !important; color: var(--text) !important; }
.preview.finance { background: linear-gradient(145deg, #c7dfed, #e3edf5) !important; color: var(--text) !important; }
.exchange { background: linear-gradient(125deg, #dcecf6, #f2eef8) !important; border-color: #c4d9e7 !important; }
.exchange-board { background: linear-gradient(140deg, #ffffff, #e2eff7) !important; border-color: #bdd4e3 !important; }
.right .mini-logo { background: #a99ad4 !important; }
.match div { background: #cadde9 !important; }
.filter-panel label { background: #eaf3f9 !important; color: var(--muted) !important; }
.login-section { background: linear-gradient(115deg, #c8e2f1, #ded3ed) !important; box-shadow: 0 18px 40px rgba(83, 114, 139, .14) !important; }
.login-section p, .text-link { color: #425f73 !important; }
.login-section .glow { background: #f1c6b5 !important; }
footer { border-color: #c7d9e5 !important; color: var(--muted) !important; }

.auth-shell { background: transparent !important; }
.auth-panel { background: rgba(255,255,255,.88) !important; border-color: var(--line) !important; }
.auth-art { background: linear-gradient(135deg, #d6eaf6, #e5dcf1) !important; }
.art-card strong, h1, h2 { color: var(--text) !important; }
.art-card strong em { color: #5f91b3 !important; }
p { color: var(--muted) !important; }
label { color: #405d70 !important; }
input { background: #fff !important; border-color: #bcd3e2 !important; color: var(--text) !important; }
input:focus { border-color: #6f9fbd !important; box-shadow: 0 0 0 3px rgba(111,159,189,.18) !important; }
.tabs button { background: #eef6fb !important; border-color: #c3d8e6 !important; color: #617b8d !important; }
.tabs button.active, .button { background: #6f9fbd !important; border-color: #6f9fbd !important; color: #fff !important; }
.button.secondary { background: #fff !important; border-color: #bcd3e2 !important; color: var(--text) !important; }
.message.error, .danger { color: #b55f54 !important; }
.message.success { color: #487c70 !important; }
.card, .admin-table, .ad-editor { background: rgba(255,255,255,.94) !important; border-color: #c3d8e6 !important; box-shadow: 0 10px 28px rgba(72,111,139,.08) !important; }
.admin-table th, .admin-table td, .ad-stats { border-color: #d5e4ed !important; }
.admin-table th, .card small, .ad-stats { color: var(--muted) !important; }
.action, .admin-tabs button, .zone-filter button { background: #eef6fb !important; border-color: #bfd5e4 !important; color: #49677b !important; }
.admin-tabs button.active, .zone-filter button.active { background: #6f9fbd !important; border-color: #6f9fbd !important; color: #fff !important; }
.ad-heading > span, .ad-code strong { color: #4f83a8 !important; }
.ad-preview { background: #eaf3f9 !important; border-color: #a9c6d8 !important; color: var(--muted) !important; }
.ad-stats b { color: var(--text) !important; }
.status { background: #dceef0 !important; color: #487c70 !important; }
.status.blocked { background: #f7e1db !important; color: #a9584e !important; }
.stats { grid-template-columns: .8fr 1fr 1px 1fr 1px 1fr !important; }
@media(max-width:630px){.stats{grid-template-columns:1fr !important}.stats .divider{height:1px !important;width:100% !important}}