[data-theme="dark"] {
    color-scheme: dark;
    --text-primary: #f0f0f0;
    --text-secondary: #a8a8a8;
    --text-light: #7a7a7a;
    --color-border: #2d3134;
    --site-bg: #0f1114;
    --card-bg: #1a1d21;
    --topbar-bg: #14171b;
    --sidebar-bg: #14171b;
    --bg-light: #1a1d21;
    --color-gray-1: #22262b;
    --color-white: #1a1d21;
}

[data-theme="dark"] body,
[data-theme="dark"] .dashboard-wrapper,
[data-theme="dark"] .trading-section,
[data-theme="dark"] .bg-color {
    background-color: var(--site-bg) !important;
    color: var(--text-primary);
}

[data-theme="dark"] .card,
[data-theme="dark"] .market-graph,
[data-theme="dark"] .binary-trade-card,
[data-theme="dark"] .d-header,
[data-theme="dark"] .sidebar-wrapper {
    background-color: var(--card-bg) !important;
    color: var(--text-primary);
    border-color: var(--color-border) !important;
}

[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
    background-color: #22262b;
    border-color: var(--color-border);
    color: var(--text-primary);
}

[data-theme="dark"] .dropdown-menu {
    background-color: var(--card-bg);
    border-color: var(--color-border);
}

[data-theme="dark"] .dropdown-item {
    color: var(--text-primary);
}

[data-theme="dark"] .dropdown-item:hover {
    background-color: #22262b;
}

.idex-theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid var(--color-border);
    border-radius: 50%;
    background: var(--card-bg);
    color: var(--text-primary);
    cursor: pointer;
    margin-right: 0.75rem;
    transition: background 0.2s ease;
}

.idex-theme-toggle:hover {
    background: var(--color-primary-light);
}