@charset "utf-8";

/**
 * Global light theme — applied when body does NOT have .dark
 * Loaded last so page tokens / hard-coded dark colors flip to white series.
 */
body:not(.dark) {
	--bm-bg: #ffffff;
	--bm-fg: #0f172a;
	--bm-secondary: #e2e8f0;
	--bm-secondary-hover: #cbd5e1;
	--bm-muted: #64748b;
	--bm-border: #e2e8f0;
	--bm-card: #f8fafc;

	--ud-bg: #f8fafc;
	--ud-fg: #0f172a;
	--ud-card: #ffffff;
	--ud-secondary: #e2e8f0;
	--ud-muted: #f1f5f9;
	--ud-muted-fg: #64748b;
	--ud-accent-fg: #0f172a;
	--ud-border: #e2e8f0;
	--ud-input: #ffffff;

	--tx-bg: #f8fafc;
	--tx-fg: #0f172a;
	--tx-card: #ffffff;
	--tx-card-2: #f8fafc;
	--tx-border: #e2e8f0;
	--tx-muted: #64748b;

	--faq-bg: #f8fafc;
	--faq-fg: #0f172a;
	--faq-secondary: #e2e8f0;
	--faq-muted-fg: #64748b;
	--faq-border: #e2e8f0;

	--fx-bg: #f8fafc;
	--fx-card: #ffffff;
	--fx-panel: #ffffff;
	--fx-secondary: #e2e8f0;
	--fx-fg: #0f172a;
	--fx-muted: #64748b;
	--fx-border: #e2e8f0;

	--ntc-bg: #f8fafc;
	--ntc-fg: #0f172a;
	--ntc-card: #ffffff;
	--ntc-secondary: #e2e8f0;
	--ntc-muted: #f1f5f9;
	--ntc-muted-fg: #64748b;
	--ntc-border: #e2e8f0;

	--mu-bg: #f8fafc;
	--mu-fg: #0f172a;
	--mu-card: #ffffff;
	--mu-secondary: #e2e8f0;
	--mu-muted: #f1f5f9;
	--mu-muted-fg: #64748b;
	--mu-border: #e2e8f0;

	--hx-bg: #f8fafc;
	--hx-fg: #0f172a;
	--hx-muted: #64748b;
	--hx-zinc-500: #71717a;
	--hx-zinc-800: #e2e8f0;

	--ftx-bg: #ffffff;
	--ftx-bg-alpha: #ffffff;
	--ftx-fg: #0f172a;
	--ftx-muted: #64748b;
	--ftx-border: #e2e8f0;

	background: #f8fafc !important;
	color: #0f172a !important;
	color-scheme: light;
}

/* Generic shells / wrappers */
body:not(.dark) #wrapper,
body:not(.dark) #container,
body:not(.dark) #contents,
body:not(.dark) .content,
body:not(.dark) .container,
body:not(.dark) .ety-main,
body:not(.dark) .ft_content,
body:not(.dark) .container.ft_content {
	background-color: transparent !important;
	color: inherit;
}

body:not(.dark) .hx-page,
body:not(.dark).futures-page,
body:not(.dark).trade-fx-page,
body:not(.dark).ud-page,
body:not(.dark).faq-fx-page,
body:not(.dark).notice-fx-page,
body:not(.dark).tx-deposit-page,
body:not(.dark).tx-withdraw-page {
	background: #f8fafc !important;
	color: #0f172a !important;
}

/* Futures / trade hard-coded dark panels */
body:not(.dark) .fx-ticker-bar,
body:not(.dark) .fx-table-panel,
body:not(.dark) .fx-ttab,
body:not(.dark) .fx-modal,
body:not(.dark) .fx-dialog,
body:not(.dark) .fx-sheet,
body:not(.dark) .fx-sheet-b,
body:not(.dark) .fx-lev-dialog,
body:not(.dark) .fx-mm-dialog,
body:not(.dark) [class*="fx-"][class*="dialog"],
body:not(.dark) [class*="fx-"][class*="sheet"] {
	background: #ffffff !important;
	color: #0f172a !important;
	border-color: #e2e8f0 !important;
}

body:not(.dark) .fx-section,
body:not(.dark) .fx-card,
body:not(.dark) .fx-panel,
body:not(.dark) .fx-order-panel,
body:not(.dark) .fx-ob-panel,
body:not(.dark) .fx-chart-wrap,
body:not(.dark) .fx-desk-chart,
body:not(.dark) .fx-desk-ob {
	background-color: var(--fx-card, #ffffff) !important;
	color: var(--fx-fg, #0f172a) !important;
	border-color: var(--fx-border, #e2e8f0) !important;
}

/* Chart wrappers */
.bm-chart-shell {
	background: #0f0f0f;
	color: #d1d4d6;
}
body:not(.dark) .bm-chart-shell {
	background: #ffffff !important;
	color: #0f172a !important;
}
body:not(.dark) .bm-chart-label { color: #0f172a !important; }
body:not(.dark) .chart-box-section,
body:not(.dark) .tv-chart-wrap,
body:not(.dark) #tv_chart_container,
body:not(.dark) .trade-chart-box,
body:not(.dark) .bet_chart_area {
	background: #ffffff !important;
	color: #0f172a !important;
}

/* Home / footer */
body:not(.dark) .hx-page {
	--hx-bg: #f8fafc;
	--hx-fg: #0f172a;
}
body:not(.dark) .ftx-footer {
	--ftx-bg: #ffffff;
	--ftx-bg-alpha: #f8fafc;
	--ftx-fg: #0f172a;
	--ftx-muted: #64748b;
	--ftx-border: #e2e8f0;
	background: #ffffff !important;
	color: #0f172a !important;
	border-top: 1px solid #e2e8f0;
}

/* Transaction leftovers */
body:not(.dark) .tx-amount-wrap,
body:not(.dark) .tx-info-box,
body:not(.dark) .tx-bank-box {
	background: #ffffff !important;
	border-color: #e2e8f0 !important;
	color: #0f172a !important;
}

/* Account / KYC leftovers */
body:not(.dark) .ud-profile-avatar-inner,
body:not(.dark) .ud-kyc-guide,
body:not(.dark) .ud-kyc-drop {
	background: #f1f5f9 !important;
	border-color: #e2e8f0 !important;
	color: #0f172a !important;
}

/* Notice hero stays brand purple; page chrome goes light */
body:not(.dark) .ntc-shell,
body:not(.dark) .ntc-list,
body:not(.dark) .ntc-detail,
body:not(.dark) .ntc-card {
	background: #ffffff !important;
	color: #0f172a !important;
	border-color: #e2e8f0 !important;
}

/* FAQ surfaces */
body:not(.dark) .faq-panel,
body:not(.dark) .faq-item,
body:not(.dark) .faq-tabs,
body:not(.dark) .faq-acc {
	background: #ffffff !important;
	color: #0f172a !important;
	border-color: #e2e8f0 !important;
}

/* Legacy / member / QA skins */
body:not(.dark) .ft_content {
	background: #f8fafc !important;
	background-image: none !important;
}
body:not(.dark) .bg-bo,
body:not(.dark) .mb_logo,
body:not(.dark) .mba_ssdiv,
body:not(.dark) .mba_ssdiv2,
body:not(.dark) .dropdown-menu,
body:not(.dark) .select-menu {
	background: #ffffff !important;
	color: #0f172a !important;
	border-color: #e2e8f0 !important;
}

body:not(.dark) .logo_white { display: none !important; }
body:not(.dark) .logo_black { display: block !important; }
body:not(.dark) .img_dark { display: none !important; }
body:not(.dark) .img_light { display: block !important; }

/* Text readability on light */
body:not(.dark) input,
body:not(.dark) select,
body:not(.dark) textarea {
	background-color: #ffffff !important;
	color: #0f172a !important;
	border-color: #e2e8f0 !important;
}

body:not(.dark) table {
	background: transparent;
	color: #0f172a;
}