:root {
    --ez-bg: #111;
    --ez-surface: rgba(255, 255, 255, 0.1);
    --ez-surface-solid: #1a1a1a;
    --ez-surface-2: #242424;
    --ez-text: #fff;
    --ez-muted: #d7d7d7;
    --ez-border: #444;
    --ez-accent: #66ff66;
    --ez-accent-2: #33ccff;
    --ez-danger: #d33;
    --ez-header: rgba(0, 0, 0, 0.86);
    --ez-shadow: rgba(0, 0, 0, 0.35);
}

html[data-theme="light"] {
    --ez-bg: #f7f3ff;
    --ez-surface: rgba(255, 255, 255, 0.92);
    --ez-surface-solid: #fff;
    --ez-surface-2: #ece5ff;
    --ez-text: #211934;
    --ez-muted: #5f536f;
    --ez-border: #c8b8ee;
    --ez-accent: #2f8f45;
    --ez-accent-2: #6748cf;
    --ez-danger: #b42332;
    --ez-header: rgba(248, 245, 255, 0.96);
    --ez-shadow: rgba(72, 52, 116, 0.18);
}

body {
    color: var(--ez-text) !important;
    background-color: var(--ez-bg) !important;
}

html[data-theme="light"] body {
    text-shadow: none !important;
    background-image: linear-gradient(135deg, rgba(247, 243, 255, 0.9), rgba(237, 247, 239, 0.82)), var(--ez-theme-bg-image, none) !important;
}

header,
footer {
    background-color: var(--ez-header) !important;
    color: var(--ez-text) !important;
    border-color: var(--ez-border) !important;
}

.login-container,
.subscriber-box,
.card,
table,
.chart-container,
[style*="background:#1a1a1a"],
[style*="background: #1a1a1a"],
[style*="background-color: #1a1a1a"] {
    background-color: var(--ez-surface) !important;
    color: var(--ez-text) !important;
    border-color: var(--ez-border) !important;
    box-shadow: 0 4px 15px var(--ez-shadow) !important;
}

[style*="background:#111"],
[style*="background: #111"],
[style*="background-color: #111"],
[style*="background-color:#111"],
[style*="background-color: #0f0f0f"],
[style*="background-color:#0f0f0f"] {
    background-color: var(--ez-surface-solid) !important;
    color: var(--ez-text) !important;
}

[style*="color: #f0f0f0"],
[style*="color:#f0f0f0"],
[style*="color: white"],
[style*="color:white"],
.login-container p,
.subscriber-box p,
nav ul li a {
    color: var(--ez-text) !important;
}

input,
textarea,
select {
    background-color: var(--ez-surface-solid) !important;
    color: var(--ez-text) !important;
    border-color: var(--ez-border) !important;
}

th,
tr:nth-child(even),
.filter-btn,
.logout-btn,
.tos-toggle-btn {
    background-color: var(--ez-surface-2) !important;
    color: var(--ez-text) !important;
    border-color: var(--ez-border) !important;
}

td,
th,
hr {
    border-color: var(--ez-border) !important;
}

a,
.login-container a,
.login-container h2,
.commands-section h1 {
    color: var(--ez-accent-2) !important;
}

.filter-btn.active,
.switch-button[data-checked="true"] {
    background-color: var(--ez-accent) !important;
    color: #08120a !important;
}

.ez-theme-toggle {
    position: static;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--ez-border);
    background: var(--ez-surface-solid);
    color: var(--ez-text);
    border-radius: 999px;
    padding: 5px 9px;
    margin-top: 2px;
    box-shadow: 0 6px 18px var(--ez-shadow);
    cursor: pointer;
    font-weight: 700;
    font-size: 0.72rem;
    line-height: 1;
    white-space: nowrap;
}

.logo.ez-theme-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}