/* Dark Theme Specific Styles */
[data-theme="dark"] {
    /* Additional dark theme overrides */
    .card {
        background-color: var(--bg-card);
        border: 1px solid var(--border-color);
    }
    
    .btn {
        background-color: var(--primary-color);
        color: var(--text-inverse);
        border: 1px solid var(--primary-color);
    }
    
    .btn:hover {
        background-color: var(--primary-hover);
        border-color: var(--primary-hover);
    }
    
    .btn-outline {
        background-color: transparent;
        color: var(--primary-color);
        border: 1px solid var(--primary-color);
    }
    
    .btn-outline:hover {
        background-color: var(--primary-color);
        color: var(--text-inverse);
    }
    
    /* Syntax highlighting for code blocks */
    .highlight {
        background-color: var(--bg-tertiary);
        border: 1px solid var(--border-color);
    }
    
    /* Form elements */
    input, textarea, select {
        background-color: var(--bg-secondary);
        border: 1px solid var(--border-color);
        color: var(--text-primary);
    }
    
    input:focus, textarea:focus, select:focus {
        border-color: var(--primary-color);
        outline: none;
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
    }
    
    /* Scrollbar styling */
    ::-webkit-scrollbar {
        width: 8px;
    }
    
    ::-webkit-scrollbar-track {
        background: var(--bg-secondary);
    }
    
    ::-webkit-scrollbar-thumb {
        background: var(--border-color);
        border-radius: var(--radius-sm);
    }
    
    ::-webkit-scrollbar-thumb:hover {
        background: var(--border-hover);
    }
}