/**
 * Dark Theme
 */
:root {
    --bg-color: #0f172a;
    --card-bg: #1e293b;
    --text-color: #f1f5f9;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --input-bg: #1e293b;
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.4);
    --navbar-bg: #1e293b;
    --footer-bg: #1e293b;
}

.dark-theme {
    --bg-color: #0f172a;
    --card-bg: #1e293b;
    --text-color: #f1f5f9;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --input-bg: #1e293b;
}

.dark-theme .navbar {
    background: var(--card-bg);
}

.dark-theme .footer {
    background: var(--card-bg);
}

.dark-theme .flash-success .flash-content {
    background: #064e3b;
    color: #6ee7b7;
}

.dark-theme .flash-error .flash-content {
    background: #7f1d1d;
    color: #fca5a5;
}

.dark-theme .flash-warning .flash-content {
    background: #78350f;
    color: #fcd34d;
}

.dark-theme .flash-info .flash-content {
    background: #1e3a5f;
    color: #93c5fd;
}

.dark-theme .modal {
    background: rgba(0, 0, 0, 0.7);
}

.dark-theme .table th {
    color: var(--text-muted);
}

.dark-theme .table td {
    color: var(--text-color);
}

.dark-theme .option-item:hover .option-content {
    background: rgba(99, 102, 241, 0.15);
}

.dark-theme .option-item input:checked + .option-content {
    background: rgba(99, 102, 241, 0.2);
}

.dark-theme .poll-card-header {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
}

.dark-theme .results-header {
    background: linear-gradient(135deg, #10b981, #059669);
}

.dark-theme .voted-preview {
    background: rgba(16, 185, 129, 0.15);
}

.dark-theme .stat-icon {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
}

.dark-theme .feature-icon {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
}

.dark-theme .hero-icon {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
}

.dark-theme .floating-element {
    background: var(--card-bg);
}

.dark-theme .auth-side {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
}

.dark-theme .auth-side-logo {
    background: rgba(255, 255, 255, 0.2);
}

.dark-theme .feature-item {
    background: rgba(255, 255, 255, 0.1);
}

.dark-theme .demo-notice {
    background: rgba(59, 130, 246, 0.15);
    border-color: rgba(59, 130, 246, 0.3);
}

.dark-theme .demo-link {
    background: var(--input-bg);
    border-color: var(--border-color);
}

.dark-theme .demo-link:hover {
    background: var(--border-color);
}

.dark-theme .loader-overlay {
    background: rgba(15, 23, 42, 0.8);
}

.dark-theme .scroll-top {
    background: var(--primary-color);
}

.dark-theme .user-dropdown-toggle:hover {
    background: var(--bg-color);
}

.dark-theme .dropdown-item:hover {
    background: var(--bg-color);
}

.dark-theme .social-links a {
    background: var(--bg-color);
}

.dark-theme .social-links a:hover {
    background: var(--primary-color);
}

.dark-theme .poll-card {
    background: var(--card-bg);
}

.dark-theme .poll-card-body p {
    color: var(--text-muted);
}

.dark-theme .poll-meta {
    color: var(--text-muted);
}

.dark-theme .empty-state {
    background: var(--card-bg);
}

.dark-theme .welcome-card {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
}

.dark-theme .stat-item {
    background: var(--card-bg);
}

.dark-theme .profile-card {
    background: var(--card-bg);
}

.dark-theme .card {
    background: var(--card-bg);
}

.dark-theme .profile-avatar {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
}

.dark-theme .avatar-upload-btn {
    background: var(--primary-color);
    border-color: var(--card-bg);
}

.dark-theme .navbar-menu {
    background: var(--card-bg);
}

.dark-theme .hero {
    background: linear-gradient(135deg, var(--bg-color) 0%, var(--card-bg) 100%);
}

.dark-theme .stats-section {
    background: var(--card-bg);
}

.dark-theme .polls-section {
    background: var(--card-bg);
}

.dark-theme .stat-card {
    background: var(--bg-color);
}

.dark-theme .feature-card {
    background: var(--card-bg);
}

.dark-theme .cta-section {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
}