/**
 * Dark Theme Support - Works with PneumaPsyche theme
 * Only applies to plugin elements, doesn't interfere with theme
 */

/* Light Theme Variables */
:root {
    --ppsr-page-bg: #f8f9fa;
    --ppsr-card-bg: #ffffff;
    --ppsr-text: #1f2937;
    --ppsr-text-secondary: #6b7280;
    --ppsr-border: #e5e7eb;
}

/* Dark Theme */
@media (prefers-color-scheme: dark) {
    :root {
        --ppsr-page-bg: #111827;
        --ppsr-card-bg: #1f2937;
        --ppsr-text: #f9fafb;
        --ppsr-text-secondary: #d1d5db;
        --ppsr-border: #374151;
    }
    
    /* Only style plugin-specific containers */
    .ppsr-medication-page,
    .ppsr-treatment-page,
    .ppsr-provider-page,
    .ppsr-crisis-page,
    .ppsr-mhfa-page,
    .ppsr-suicide-page,
    .ppsr-anonymous-page,
    .ppsr-resources-page {
        background-color: var(--ppsr-page-bg);
        color: var(--ppsr-text);
    }
    
    /* Headings in plugin pages */
    .ppsr-medication-page h1,
    .ppsr-medication-page h2:not(.ppsr-med-brand),
    .ppsr-medication-page h3,
    .ppsr-provider-page h1,
    .ppsr-provider-page h2,
    .ppsr-treatment-page h1,
    .ppsr-treatment-page h2 {
        color: var(--ppsr-text);
    }
    
    /* Plugin cards and sections */
    .ppsr-search-section,
    .ppsr-info-box,
    .ppsr-notice-box,
    .ppsr-provider-card,
    .ppsr-collapsible-section {
        background-color: var(--ppsr-card-bg) !important;
        border-color: var(--ppsr-border) !important;
    }
    
    /* Section text */
    .ppsr-search-section,
    .ppsr-info-box,
    .ppsr-notice-box,
    .ppsr-provider-card,
    .ppsr-collapsible-section {
        color: var(--ppsr-text);
    }
    
    .ppsr-search-section h2,
    .ppsr-info-box h3,
    .ppsr-notice-box h3,
    .ppsr-provider-card h3 {
        color: var(--ppsr-text);
    }
    
    .ppsr-search-section p,
    .ppsr-info-box p,
    .ppsr-notice-box p,
    .ppsr-provider-card p,
    .ppsr-provider-card li {
        color: var(--ppsr-text-secondary);
    }
    
    /* Inputs */
    .ppsr-input,
    input.ppsr-input,
    textarea.ppsr-input,
    select.ppsr-input {
        background-color: var(--ppsr-page-bg) !important;
        color: var(--ppsr-text) !important;
        border-color: var(--ppsr-border) !important;
    }
    
    .ppsr-input::placeholder {
        color: var(--ppsr-text-secondary) !important;
    }
    
    /* Buttons */
    .ppsr-section-toggle {
        background-color: var(--ppsr-card-bg) !important;
        color: var(--ppsr-text) !important;
    }
    
    .ppsr-section-toggle:hover {
        background-color: var(--ppsr-page-bg) !important;
    }
    
    .ppsr-section-content {
        background-color: var(--ppsr-card-bg) !important;
        color: var(--ppsr-text) !important;
        border-color: var(--ppsr-border) !important;
    }
    
    /* Medication suggestion buttons */
    .ppsr-med-suggestion-btn {
        background-color: var(--ppsr-card-bg) !important;
        color: var(--ppsr-text) !important;
        border-color: var(--ppsr-border) !important;
    }
    
    .ppsr-med-suggestion-btn:hover {
        background-color: #7c3aed !important;
        color: white !important;
    }
}