/**
 * Neon Dark — all DAPP sub-pages (non-index)
 * Pairs with ui-dapp-theme-tokens.css · same palette as index ui-index-neon-dark
 */
html[data-aum-theme="dark"].aum-dapp-white-pages {
    --brand-primary: #FD429C;
    --brand-hover: #E03588;
    --brand-light: rgba(253, 66, 156, 0.14);
    --bg-page: #101012;
    --bg-card: #17171A;
    --bg-input: #1F1F23;
    --text-title: #F7F4EF;
    --text-body: #C2C2C1;
    --text-secondary: #9A9A99;
    --text-muted: #6E6E6D;
    --text-weak: #6E6E6D;
    --border-card: rgba(255, 255, 255, 0.08);
    --border-divider: rgba(255, 255, 255, 0.06);
    --border-input: rgba(255, 255, 255, 0.10);
    --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.55);
    --shadow-btn: 0 6px 28px rgba(253, 66, 156, 0.45);
    --gradient-gem: linear-gradient(90deg, #FD429C, #FF6B35 42%, #F5D907);
    --gradient-brand: linear-gradient(90deg, #FD429C, #F5D907);
}

html[data-aum-theme="dark"].aum-dapp-white-pages body {
    background-color: var(--bg-page) !important;
    color: var(--text-body) !important;
}

html[data-aum-theme="dark"].aum-dapp-white-pages body::before,
html[data-aum-theme="dark"].aum-dapp-white-pages body::after {
    opacity: 0.55 !important;
}

/* ???? topbar (trade / whitepaper / copyright / creator-circle) ???? */
html[data-aum-theme="dark"] .topbar-shell,
html[data-aum-theme="dark"] .vision-topbar-shell,
html[data-aum-theme="dark"] .cc-topbar-shell {
    background: var(--topbar-bg) !important;
    border-bottom-color: var(--topbar-border) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
}

html[data-aum-theme="dark"] .back-btn,
html[data-aum-theme="dark"] .back-home {
    background: #17171A !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: var(--brand-primary) !important;
}

html[data-aum-theme="dark"] .text-gem,
html[data-aum-theme="dark"] .top-title.text-gem {
    background: var(--gradient-gem) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* ???? whitepaper obsidian ???? */
html[data-aum-theme="dark"].aum-page-whitepaper {
    --sapphire: #007AFF;
    --sapphire-light: #5AC8FA;
    --sapphire-dark: #0062CC;
    --bg-deep: #000000;
    --bg-card: #1C1C1E;
    --bg-input: #2C2C2E;
    --text-primary: #FFFFFF;
    --text-body: #EBEBF5;
    --text-muted: #AEAEB2;
    --text-faint: #8E8E93;
    --border-card: rgba(0, 122, 255, 0.16);
    --border-divider: rgba(255, 255, 255, 0.06);
    --glow-top: rgba(0, 122, 255, 0.08);
    --glow-mid: rgba(0, 122, 255, 0.05);
    --glow-bottom: rgba(0, 122, 255, 0.06);
    --btn-shadow: rgba(0, 122, 255, 0.28);
    --gem-text: linear-gradient(95deg, #5AC8FA 0%, #007AFF 42%, #5856D6 78%, #64D2FF 100%);
}

html[data-aum-theme="dark"].aum-page-whitepaper body {
    background: var(--bg-deep) !important;
    color: var(--text-body) !important;
}

html[data-aum-theme="dark"].aum-page-whitepaper .top-bar,
html[data-aum-theme="dark"].aum-page-whitepaper .topbar-shell {
    background: var(--topbar-bg) !important;
    border-bottom-color: var(--topbar-border) !important;
}

html[data-aum-theme="dark"].aum-page-whitepaper #backHomeBtn {
    background: var(--gradient-brand) !important;
    color: var(--text-on-brand) !important;
    box-shadow: var(--shadow-btn) !important;
}

/* trade dark colors → ui-trade-neon-dark.css (load last in trade.html) */

/* light theme: song/profile inline dark �� restore Vibrant Light shell */
html.aum-page-profile:not([data-aum-theme="dark"]) body,
html.aum-page-song:not([data-aum-theme="dark"]) body {
    background: #F4F6FA !important;
    color: #1A2A3A !important;
}

html.aum-page-profile:not([data-aum-theme="dark"]) .topbar-shell,
html.aum-page-song:not([data-aum-theme="dark"]) .topbar-shell {
    background: rgba(255, 255, 255, 0.96) !important;
    border-bottom-color: #E8EDF4 !important;
}

html[data-aum-theme="dark"].aum-page-profile body {
    background: var(--bg-page) !important;
    color: var(--text-body) !important;
}

html[data-aum-theme="dark"].aum-page-song body {
    background: #000000 !important;
}

html[data-aum-theme="dark"].aum-page-copyright body,
html[data-aum-theme="dark"].aum-page-verify body,
html[data-aum-theme="dark"].aum-page-audit body,
html[data-aum-theme="dark"].aum-page-share body,
html[data-aum-theme="dark"].aum-page-creator body,
html[data-aum-theme="dark"].aum-page-creator-circle body {
    background: var(--bg-page) !important;
    color: var(--text-body) !important;
}

/* vision pages */
html[data-aum-theme="dark"].aum-page-vision body,
html[data-aum-theme="dark"].aum-page-vision-history body,
html[data-aum-theme="dark"].aum-page-vision-result body {
    background: var(--bg-page) !important;
    color: var(--text-body) !important;
}

html[data-aum-theme="dark"] .vision-topbar-shell .back-btn {
    color: var(--brand-primary) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    background: #17171A !important;
}

/* cards / panels using white-pages tokens */
html[data-aum-theme="dark"].aum-dapp-white-pages .card,
html[data-aum-theme="dark"].aum-dapp-white-pages .panel,
html[data-aum-theme="dark"].aum-dapp-white-pages .sheet-panel {
    background: var(--bg-card) !important;
    border-color: var(--border-card) !important;
    color: var(--text-body) !important;
}

html[data-aum-theme="dark"].aum-dapp-white-pages input:not([type="range"]),
html[data-aum-theme="dark"].aum-dapp-white-pages textarea,
html[data-aum-theme="dark"].aum-dapp-white-pages select {
    background: var(--bg-input) !important;
    border-color: var(--border-input) !important;
    color: var(--text-title) !important;
}

html[data-aum-theme="dark"].aum-dapp-white-pages input[type="range"],
html[data-aum-theme="dark"].aum-dapp-white-pages .seek-input {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: transparent !important;
}

html[data-aum-theme="dark"].aum-dapp-white-pages .btn-primary,
html[data-aum-theme="dark"].aum-dapp-white-pages #backHomeBtn {
    background: var(--gradient-brand) !important;
    color: var(--text-on-brand) !important;
    box-shadow: var(--shadow-btn) !important;
}