[data-theme="light"] {
    --bg-primary: #f5f7fa;
    --bg-secondary: #edf0f5;
    --bg-elevated: #ffffff;
    --bg-card: #ffffff;
    --text-primary: #1a1d2e;
    --text-secondary: #4a4f6a;
    --text-muted: #6b7094;
    --text-dim: #8b90aa;
    --accent-primary: #3b82f6;
    --accent-hover: #2563eb;
    --accent-light: rgba(59, 130, 246, .1);
    --accent-green: #16a34a;
    --accent-green-bg: rgba(22, 163, 74, .1);
    --accent-red: #dc2626;
    --accent-red-bg: rgba(220, 38, 38, .1);
    --accent-yellow: #d97706;
    --accent-yellow-bg: rgba(217, 119, 6, .1);
    --accent-purple: #9333ea;
    --accent-purple-bg: rgba(147, 51, 234, .1);
    --accent-cyan: #0891b2;
    --accent-cyan-bg: rgba(8, 145, 178, .1);
    --gold: #b8922e;
    --gold-bg: rgba(184, 146, 46, .1);
    --border: rgba(0, 0, 0, .1);
    --border-light: rgba(0, 0, 0, .05);
    --shadow: 0 4px 24px rgba(0, 0, 0, .08);
    --shadow-lg: 0 8px 40px rgba(0, 0, 0, .1);
}

[data-theme="light"] .topbar,
[data-theme="light"] .top-bar {
    background: rgba(255, 255, 255, .92);
    backdrop-filter: blur(20px);
}

[data-theme="light"] .filter-select option,
[data-theme="light"] .form-select option {
    background: var(--bg-elevated);
}

[data-theme="light"] .data-table tr:hover td {
    background: rgba(59, 130, 246, .04);
}

[data-theme="light"] .loading-spinner {
    border-color: rgba(0, 0, 0, .1);
    border-top-color: var(--accent-primary);
}

[data-theme="light"] .modal-overlay {
    background: rgba(0, 0, 0, .35);
}

[data-theme="light"] .bg-grid {
    background:
        radial-gradient(ellipse at 20% 20%, rgba(59, 130, 246, .04) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 80%, rgba(147, 51, 234, .03) 0%, transparent 50%);
}

[data-theme="light"] .users-table th {
    background: rgba(0, 0, 0, .02);
}

[data-theme="light"] .users-table tr:hover td {
    background: rgba(0, 0, 0, .02);
}

[data-theme="light"] .btn-primary {
    color: #fff;
}

[data-theme="light"] .badge-primary {
    background: rgba(184, 146, 46, .1);
    color: var(--gold);
    border-color: rgba(184, 146, 46, .2);
}

[data-theme="light"] .toast.success {
    background: var(--accent-green);
    color: #fff;
}

[data-theme="light"] .toast.error {
    background: var(--accent-red);
    color: #fff;
}

.theme-toggle-wrapper {
    position: relative;
}

.theme-toggle-btn {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    border: 1px solid var(--border);
    background: rgba(255, 255, 255, .05);
    color: var(--text-muted);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .25s ease;
    font-size: 1.1rem;
    padding: 0;
    line-height: 1;
}

[data-theme="light"] .theme-toggle-btn {
    background: rgba(0, 0, 0, .04);
    border-color: rgba(0, 0, 0, .1);
}

.theme-toggle-btn:hover {
    border-color: var(--accent-primary);
    color: var(--accent-primary);
    transform: scale(1.05);
}

.theme-toggle-btn .icon-sun,
.theme-toggle-btn .icon-moon {
    display: none;
    width: 18px;
    height: 18px;
}

[data-theme="dark"] .theme-toggle-btn .icon-sun,
:root:not([data-theme]) .theme-toggle-btn .icon-sun {
    display: block;
}

[data-theme="light"] .theme-toggle-btn .icon-moon {
    display: block;
}