/* ── GLOBAL THEME CSS — tüm tab'larda geçerli ── */

/* Dark (default) */
:root {
    --bg:       #0a0a0f;
    --surface:  #13131a;
    --surface2: #1a1a24;
    --border:   #1e1e2a;
    --accent:   #7c3aed;
    --accent2:  #a855f7;
    --text:     #f0f0f5;
    --text2:    #8888a0;
    --text3:    #3a3a4a;
    --green:    #10b981;
    --red:      #ef4444;
    --yellow:   #f59e0b;
    --shadow:   rgba(0,0,0,0.4);
}

/* Light */
[data-theme="light"] {
    --bg:       #f0f0f7;
    --surface:  #ffffff;
    --surface2: #f5f5fa;
    --border:   #e0e0ea;
    --text:     #1a1a2e;
    --text2:    #666680;
    --text3:    #c0c0d0;
    --shadow:   rgba(0,0,0,0.08);
}

/* Tab içeriklerinde kullanılan sabit renkler → değişkenlere bağla */
[data-theme="light"] .studio-card,
[data-theme="light"] .acc-platform-card,
[data-theme="light"] .queue-item,
[data-theme="light"] .stats-panel,
[data-theme="light"] .stat-card,
[data-theme="light"] .mockup-wrap,
[data-theme="light"] .acc-limit-bar,
[data-theme="light"] .queue-pagination {
    background: var(--surface);
    border-color: var(--border);
    color: var(--text);
}

[data-theme="light"] .studio-section-title,
[data-theme="light"] .stats-panel-title,
[data-theme="light"] .acc-platform-count,
[data-theme="light"] .queue-date,
[data-theme="light"] .studio-label,
[data-theme="light"] .stat-sub,
[data-theme="light"] .credit-pill,
[data-theme="light"] .mockup-time,
[data-theme="light"] .acc-limit-bar .limit-text {
    color: var(--text2);
}

[data-theme="light"] .ai-prompt-input,
[data-theme="light"] .caption-input,
[data-theme="light"] .schedule-input,
[data-theme="light"] .media-upload-area,
[data-theme="light"] .source-tabs {
    background: var(--surface2);
    border-color: var(--border);
    color: var(--text);
}

[data-theme="light"] .ai-prompt-input::placeholder,
[data-theme="light"] .caption-input::placeholder {
    color: var(--text2);
}

[data-theme="light"] .media-type-btn,
[data-theme="light"] .source-tab,
[data-theme="light"] .queue-filter-btn,
[data-theme="light"] .queue-action-btn,
[data-theme="light"] .queue-pg-btn,
[data-theme="light"] .acc-connect-btn,
[data-theme="light"] .btn-reset,
[data-theme="light"] .video-src-btn {
    background: var(--surface2);
    border-color: var(--border);
    color: var(--text2);
}

[data-theme="light"] .media-type-btn.active,
[data-theme="light"] .source-tab.active,
[data-theme="light"] .queue-filter-btn.active,
[data-theme="light"] .video-src-btn.active {
    background: rgba(124,58,237,0.1);
    border-color: var(--accent);
    color: var(--accent);
}

[data-theme="light"] .acc-connected-item {
    background: var(--surface2);
}

[data-theme="light"] .mockup-caption { color: var(--text2); }
[data-theme="light"] .mockup-caption.empty { color: var(--text3); }
[data-theme="light"] .mockup-header { border-bottom-color: var(--border); }
[data-theme="light"] .mockup-img-wrap { background: var(--surface2); }

[data-theme="light"] .queue-caption { color: var(--text); }
[data-theme="light"] .queue-item:hover { border-color: #c8c8d8; }

[data-theme="light"] .platform-stat-bar-wrap,
[data-theme="light"] .credit-stat-bar-wrap,
[data-theme="light"] .credit-bar-wrap,
[data-theme="light"] .activity-chart { background: var(--surface2); }

[data-theme="light"] .activity-bar { background: rgba(124,58,237,0.2); }
[data-theme="light"] .activity-bar:hover { background: rgba(124,58,237,0.5); }

[data-theme="light"] #ai-insights {
    background: var(--surface);
    border-color: var(--border);
}
[data-theme="light"] #ai-insights-text { color: var(--text2); }

[data-theme="light"] .upgrade-banner {
    background: linear-gradient(135deg, rgba(124,58,237,0.06), rgba(168,85,247,0.03));
}

[data-theme="light"] .acc-platform-card:hover { border-color: #c8c8d8; }

[data-theme="light"] .recurrence-options,
[data-theme="light"] #recurrence-options { background: var(--surface2); }

[data-theme="light"] #video-url-preview,
[data-theme="light"] #video-file-preview { background: var(--surface2); color: var(--text2); }

[data-theme="light"] .user-dropdown a { color: var(--text2); }
[data-theme="light"] .user-dropdown a:hover { background: var(--surface2); color: var(--text); }