html, body, html[data-theme], html[data-theme="dark"], html[data-theme="light"], body[data-theme] {
    color-scheme: light;
    background: #ece9d8;
}

body {
    background: #ece9d8 !important;
    color: #0a0a0a !important;
}

.theme-toggle {
    display: none !important;
}

.nav, body .nav, body[data-theme="dark"] .nav {
    background: #0a0a0a !important;
    border-bottom: 1px solid #0a0a0a !important;
    color: #ece9d8 !important;
}

.nav .nav-logo {
    color: #1a7878 !important;
    font-weight: 700;
    letter-spacing: 0.04em;
}
.nav .nav-logo:hover { color: #2a9c9c !important; }
.nav .nav-logo .nav-logo-icon {
    color: #1a7878 !important;
    fill: #1a7878 !important;
    width: 28px;
    height: 28px;
    margin-right: 8px;
}

.nav .nav-link {
    color: #ece9d8 !important;
    font-weight: 500;
    transition: color 0.15s;
}
.nav .nav-link:hover,
.nav .nav-link.active {
    color: #1a7878 !important;
}

.nav .nav-external,
.nav .nav-external svg {
    color: #ece9d8 !important;
    stroke: #ece9d8 !important;
}
.nav .nav-external:hover,
.nav .nav-external:hover svg {
    color: #1a7878 !important;
    stroke: #1a7878 !important;
}

.nav button:not(.theme-toggle) {
    color: #ece9d8 !important;
}

.nav .wallet-address {
    color: #ece9d8 !important;
    font-family: ui-monospace, "SF Mono", Menlo, monospace;
    font-size: 0.86em;
    letter-spacing: 0.04em;
}

.nav .nav-toggle span {
    background: #ece9d8 !important;
}

.btn,
button.btn,
.connect-btn,
#walletBtn,
.connect-btn-fixed {
    background: #1a7878 !important;
    color: #ece9d8 !important;
    border: 1px solid #1a7878 !important;
    border-radius: 0 !important;
    font-family: ui-monospace, "SF Mono", Menlo, monospace !important;
    font-size: 0.84em !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    padding: 12px 22px !important;
    transition: background 0.14s, color 0.14s !important;
}
.btn:hover, .connect-btn:hover, #walletBtn:hover {
    background: #0d4b4b !important;
    border-color: #0d4b4b !important;
    color: #ece9d8 !important;
}

#bridgePage,
#docsPage,
#appsPage,
#appsDetailPage,
#dashboardPage,
#coming-soonPage,
#launchPage,
#capsulesPage,
#portfolioPage,
#tokenomicsPage,
#creatorPage,
#detailPage,
#nft-dashboardPage {
    background: #ece9d8 !important;
    color: #0a0a0a !important;
}

#bridgePage .bx-section,
#bridgePage h1,
#bridgePage h2,
#bridgePage h3 {
    color: #0a0a0a !important;
}

#docsPage .dx-content h1,
#docsPage .dx-content h2,
#docsPage .dx-content h3,
#docsPage .dx-content h4,
#docsPage .dx-content p,
#docsPage .dx-content li,
#docsPage .dx-content strong,
#docsPage .dx-content td,
#docsPage .dx-content th {
    color: #0a0a0a;
}

body.dx-active .nav .nav-link.active,
body.dx-active .nav .nav-link:hover,
body.dx-active .nav .nav-logo {
    color: #1a7878 !important;
}

body.dx-active .nav,
body.hp-active .nav,
body.cs-active .nav {
    background: #0a0a0a !important;
}

body.dx-active .nav .nav-link,
body.hp-active .nav .nav-link,
body.cs-active .nav .nav-link,
body.dx-active .nav .nav-external,
body.hp-active .nav .nav-external,
body.cs-active .nav .nav-external {
    color: #ece9d8 !important;
}
