/* Follows the common footer's setting. */
html[color-scheme="light"] {
--bst-bg: #f5f7fb;
--bst-panel: #ffffff;
--bst-panel-2: #f0f3f8;
--bst-line: #dce2ec;
--bst-text: #172036;
--bst-muted: #667085;
--bst-yellow: #dca900;
--bst-green: #078967;
--bst-red: #d8434e;
}
html[color-scheme="light"] .bst_hero {
background: radial-gradient(circle at 85% 10%, rgba(220, 169, 0, .22), transparent 32%), linear-gradient(135deg, #edf2ff, #ffffff);
border-color: #dce3f2;
}
html[color-scheme="light"] .bst_hero_stats div { background: rgba(255, 255, 255, .7); border-color: #dce3f2; }
html[color-scheme="light"] .bst_notice { background: #edf5ff; border-color: #cddced; color: #294868 !important; }
html[color-scheme="light"] .bst_notice.is_ok { background: #e8f7ef; border-color: #a9ddbd; color: #17623e !important; }
html[color-scheme="light"] .bst_notice.is_error { background: #fff0f1; border-color: #f1c2c7; color: #a9313b !important; }
html[color-scheme="light"] .bst_card,
html[color-scheme="light"] .bst_eth_card,
html[color-scheme="light"] .bst_eth_summary,
html[color-scheme="light"] .bst_positions { box-shadow: 0 8px 20px rgba(23, 32, 54, .05); }
html[color-scheme="light"] .bst_modal_card { background: #ffffff; border-color: #dce2ec; }
html[color-scheme="light"] .bst_amount_input { background: #f8fafc; border-color: #cfd7e5; }
html[color-scheme="light"] .bst_amount_input input { color: #172036 !important; }
html[color-scheme="light"]:has(.bst_shell),
body:has(html[color-scheme="light"] .bst_shell) { background: var(--bst-bg) !important; }