/* Frontend only: loaded by index.html, never by admin.html. */
body.frontend-light{background:#fff;color:#18212f;color-scheme:light}
body.frontend-light #app,body.frontend-light .page,body.frontend-light .auth{background:#fff;color:#18212f}
body.frontend-light p,body.frontend-light .muted,body.frontend-light .coin small{color:#64748b}
body.frontend-light button:not(.gold):not(.selected),body.frontend-light input,body.frontend-light select,body.frontend-light textarea{background:#fff;color:#18212f;border-color:#d4dbe4}
body.frontend-light input::placeholder,body.frontend-light textarea::placeholder{color:#8793a3}
body.frontend-light .market,body.frontend-light .row.head{background:#fff;color:#475569}
body.frontend-light .row:hover{background:#f4f6f8}
body.frontend-light .card,body.frontend-light .cta,body.frontend-light .wallet-card,body.frontend-light .spot-source-note,body.frontend-light .spot-market-type,body.frontend-light .stake-orders,body.frontend-light .stake-summary,body.frontend-light .loan-description,body.frontend-light .loan-order-card,body.frontend-light .pending-limit-row{background:#f6f7f9;color:#18212f;border-color:#e2e8f0}
body.frontend-light .personal-top,body.frontend-light .personal-total,body.frontend-light .personal-actions,body.frontend-light .personal-menu,body.frontend-light .personal-token{background:#fff;color:#18212f}
body.frontend-light .personal-menu>button,body.frontend-light .personal-menu>a,body.frontend-light .account-menu button{background:#f6f7f9;color:#18212f}
body.frontend-light .spot-quote,body.frontend-light details{border-color:#dce2ea}
body.frontend-light .spot-product-row small,body.frontend-light .spot-page .balance,body.frontend-light .field,body.frontend-light .balance{color:#475569}
body.frontend-light .spot-timeframes button:not(.gold),body.frontend-light .spot-chart-options button{background:transparent;color:#18212f}
body.frontend-light .spot-trade-heading>a:first-child,body.frontend-light .spot-trade-heading>button,body.frontend-light .spot-orders-chart,body.frontend-light .loan-back,body.frontend-light .deposit-back{background:#f0f2f5;color:#18212f}
body.frontend-light .spot-buy-sell button:not(.gold){background:#f1f3f6;color:#18212f}
body.frontend-light .spot-buy-sell i{background:#e1e5eb;color:#18212f}
body.frontend-light .option-drawer,body.frontend-light .option-indicators,body.frontend-light .option-confirm-panel,body.frontend-light .metal-drawer-panel,body.frontend-light .pd-panel,body.frontend-light .spot-picker-panel{background:#f6f7f9;color:#18212f}
body.frontend-light .spot-picker-search,body.frontend-light .spot-picker-search input{background:#fff;color:#18212f}
body.frontend-light .spot-picker-item:not(.selected),body.frontend-light .metal-drawer-list button:not(.selected),body.frontend-light .pd-list button:not(.selected),body.frontend-light .option-drawer button:not(.selected){background:#fff;color:#18212f}
body.frontend-light .spot-picker-item.selected{background:#fff!important;color:#18212f!important}
body.frontend-light .contract-lots,body.frontend-light .option-history-card,body.frontend-light .option-order-detail-page,body.frontend-light .option-order-detail-page header,body.frontend-light .demo-verification-card{background:#fff;color:#18212f;border-color:#dce2ea}
body.frontend-light .deposit-address-card,body.frontend-light .deposit-address-row,body.frontend-light .deposit-fixed-top,body.frontend-light .deposit-orders-top,body.frontend-light .deposit-order-item,body.frontend-light .deposit-orders-page .deposit-order-item,body.frontend-light .deposit-request-detail>div,body.frontend-light .localized-file-control,body.frontend-light .loan-record-fixed{background:#f6f7f9;color:#18212f;border-color:#dce2ea}
body.frontend-light dialog,body.frontend-light .history-detail-dialog,body.frontend-light #modal:has(.trade-dialog){background:#fff;color:#18212f;border-color:#d4dbe4}
body.frontend-light dialog::backdrop{background:rgba(15,23,42,.45)}
body.frontend-light #nav{background:rgba(255,255,255,.96);color:#334155;border:1px solid #e2e8f0}
body.frontend-light #nav a:not(.active) img{filter:brightness(0) saturate(100%)}
body.frontend-light .boot-name{color:#18212f}
/* Canvas chart colors and red/green market indicators keep their original palettes. */