[data-theme="dark"] {
    --bg-primary: #0f172a;
    --bg-secondary: #172235;
    --bg-surface: #243247;
    --bg-elevated: #334155;
    
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    
    --primary-100: #183459;
    
    --border-color: #334155;
    
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.3);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.3);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.3);
    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.3);
    
    /* Dark Theme RGB values */
    --bg-surface-rgb: 30, 41, 59; /* var(--gray-800) */
    --bg-secondary-rgb: 30, 41, 59; /* var(--gray-800) */
    --primary-600-rgb: 59, 130, 246;
    --gray-800-rgb: 15, 23, 42; /* var(--gray-900) */
    --danger-rgb: 239, 68, 68;
    --success-rgb: 16, 185, 129;
    --warning-rgb: 245, 158, 11;
}

[data-theme="dark"] .hero {
    background: linear-gradient(135deg, #1e3a8a 0%, #581c87 100%);
}

[data-theme="dark"] .device-card {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .action-card {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
}

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

[data-theme="dark"] .app-card-header {
    background: var(--bg-secondary);
}

[data-theme="dark"] .app-icon {
    background: var(--bg-elevated);
    border-color: var(--border-color);
}

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

[data-theme="dark"] .app-card:hover,
[data-theme="dark"] .platform-card:hover {
    border-color: var(--primary-500);
    box-shadow: 0 0 0 1px var(--primary-500), var(--shadow-lg);
}

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

[data-theme="dark"] .category-card:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), var(--bg-surface));
    border-color: var(--primary-500);
}

[data-theme="dark"] .category-count {
    background: rgba(59, 130, 246, 0.2);
    color: var(--primary-300);
}

[data-theme="dark"] .review-form-container,
[data-theme="dark"] .review-item,
[data-theme="dark"] .login-prompt {
    background: var(--bg-surface);
    border-color: var(--border-color);
}

[data-theme="dark"] .review-pros-cons {
    background: var(--bg-secondary);
}

[data-theme="dark"] .form-input,
[data-theme="dark"] .form-textarea {
    background: var(--bg-secondary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] .form-input:focus,
[data-theme="dark"] .form-textarea:focus {
    border-color: var(--primary-500);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

[data-theme="dark"] .review-footer button {
    border-color: var(--border-color);
    color: var(--text-secondary);
}

[data-theme="dark"] .review-footer button:hover {
    background: var(--bg-secondary);
}

[data-theme="dark"] .category-link {
    color: var(--primary-400);
}

[data-theme="dark"] .category-link:hover {
    color: var(--primary-300);
}