body.dark-theme {
    --primary: #667eea;
    --accent: #F39C12;
    --bg: #1a1a2e;
    --card: #16213e;
    --text: #eee;
    --text-secondary: #a0aec0;
    --text-muted: #6b7280;
    --border: #2d3748;
    --shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.4);
    --input: #1a1a2e;
    
    background-color: var(--bg);
    color: var(--text);
}

body.dark-theme .header {
    background: linear-gradient(135deg, #16213e 0%, #1a1a2e 100%);
}

body.dark-theme .container {
    background-color: #16213e;
}

body.dark-theme .site-card,
body.dark-theme .category-item,
body.dark-theme .site-list,
body.dark-theme .article-item,
body.dark-theme .panel,
body.dark-theme .form-container,
body.dark-theme .auth-box,
body.dark-theme .profile-sidebar,
body.dark-theme .profile-content,
body.dark-theme .submit-container,
body.dark-theme .rank-container,
body.dark-theme .rank-list,
body.dark-theme .article-sidebar,
body.dark-theme .article-list,
body.dark-theme .tool-card,
body.dark-theme .notice-bar {
    background-color: #16213e;
    color: #eee;
}

body.dark-theme .search-box {
    background-color: #16213e;
}

body.dark-theme .search-box input {
    background-color: #1a1a2e;
    color: #eee;
}

body.dark-theme .site-item,
body.dark-theme .article-sidebar ul {
    background-color: #16213e;
    border-color: #2d3748;
}

body.dark-theme .site-item:hover,
body.dark-theme .article-sidebar a:hover,
body.dark-theme .article-sidebar a.active {
    background-color: #1a1a2e;
}

body.dark-theme .footer {
    background-color: #0f0f1a;
    color: #888;
}

body.dark-theme .nav a,
body.dark-theme .user a {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-theme .category-header a,
body.dark-theme .site-item a,
body.dark-theme .article-item h3 a,
body.dark-theme .related-articles a {
    color: #e0e0e0;
}

body.dark-theme .subcategories a {
    background-color: #2d3748;
    color: #e0e0e0;
}

body.dark-theme .subcategories a:hover {
    background: #667eea;
}

body.dark-theme .rank-num {
    background-color: #2d3748;
}

body.dark-theme .pagination a {
    background-color: #16213e;
    color: #e0e0e0;
}

body.dark-theme .pagination a:hover,
body.dark-theme .pagination a.active {
    background: #667eea;
    color: white;
}

body.dark-theme .btn {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

body.dark-theme .btn-default {
    background: #2d3748;
    color: #e0e0e0;
}

body.dark-theme .form-group input,
body.dark-theme .form-group textarea,
body.dark-theme .form-group select {
    background-color: #1a1a2e;
    border-color: #2d3748;
    color: #eee;
}

body.dark-theme .status.active {
    background-color: rgba(82, 196, 26, 0.2);
    color: #52c41a;
}

body.dark-theme .status.disabled {
    background-color: rgba(255, 77, 79, 0.2);
    color: #ff4d4f;
}

body.dark-theme .admin.sidebar {
    background: linear-gradient(180deg, #0f0f1a 0%, #1a1a2e 100%);
}

body.dark-theme .admin.sidebar nav a {
    color: #a0aec0;
}

body.dark-theme .admin.sidebar nav a:hover,
body.dark-theme .admin.sidebar nav a.active {
    background: rgba(102, 126, 234, 0.3);
    color: white;
}

body.dark-theme .admin .top-bar {
    background-color: #16213e;
    border-color: #2d3748;
}

body.dark-theme .admin .panel {
    background-color: #16213e;
}

body.dark-theme .admin .data-table th {
    background-color: #1a1a2e;
}

body.dark-theme .admin .data-table td {
    border-color: #2d3748;
}

body.dark-theme .admin .data-table tbody tr:hover {
    background-color: #1a1a2e;
}

body.dark-theme .login-box {
    background-color: #16213e;
}

body.dark-theme .login-box h2 {
    color: #eee;
}

body.dark-theme .admin .form-group input,
body.dark-theme .admin .form-group textarea,
body.dark-theme .admin .form-group select {
    background-color: #1a1a2e;
    border-color: #2d3748;
    color: #eee;
}

body.dark-theme .config-group {
    border-color: #2d3748;
}

body.dark-theme .config-group h3 {
    color: #e0e0e0;
}

body.dark-theme .toast {
    background-color: #16213e;
    color: #eee;
}

body.dark-theme .modal-content {
    background-color: #16213e;
    color: #eee;
}

body.dark-theme .modal-header {
    border-color: #2d3748;
}

body.dark-theme .modal-footer {
    border-color: #2d3748;
}