/* ═══ Sistema de temas: oscuro (default) + claro ═══ */

:root,
[data-theme="dark"] {
    --color-brand: #A445FF;
    --color-brand-rgb: 164, 69, 255;

    --color-bg-base: #1E1E1E;
    --color-bg-elevated: #2A2A2A;
    --color-bg-overlay: rgba(0, 0, 0, 0.6);

    --color-text-primary: #FFFFFF;
    --color-text-secondary: #A0A0A0;
    --color-text-muted: #6B6B6B;

    --color-border: #3A3A3A;
    --color-border-hover: #555555;

    --color-success: #22C55E;
    --color-success-rgb: 34, 197, 94;
    --color-warning: #FBBF24;
    --color-warning-rgb: 251, 191, 36;
    --color-error: #EF4444;
    --color-error-rgb: 239, 68, 68;

    /* Compat con nombres antiguos */
    --theme-accent: var(--color-brand);
    --theme-accent-rgb: var(--color-brand-rgb);
    --theme-surface: var(--color-bg-base);
    --theme-base: #121212;
}

[data-theme="light"] {
    --color-brand: #A445FF;
    --color-brand-rgb: 164, 69, 255;

    --color-bg-base: #FFFFFF;
    --color-bg-elevated: #F0F0F0;
    --color-bg-overlay: rgba(0, 0, 0, 0.4);

    --color-text-primary: #1E1E1E;
    --color-text-secondary: #6B6B6B;
    --color-text-muted: #595959;

    --color-border: #a5a5a5;
    --color-border-hover: #A0A0A0;

    --color-success: #16A34A;
    --color-success-rgb: 22, 163, 74;
    --color-warning: #D97706;
    --color-warning-rgb: 217, 119, 6;
    --color-error: #DC2626;
    --color-error-rgb: 220, 38, 38;

    --theme-accent: var(--color-brand);
    --theme-accent-rgb: var(--color-brand-rgb);
    --theme-surface: var(--color-bg-base);
    --theme-base: #F0F0F0;
}

/* ═══ Aplicación a componentes ═══ */

body,
.app-wrapper {
    background-color: var(--color-bg-base) !important;
    color: var(--color-text-primary);
}

.sidebar {
    background-color: var(--color-bg-base) !important;
    color: var(--color-text-primary);
}

.main-content {
    background: var(--theme-base) !important;
    border-color: rgba(var(--color-brand-rgb), 0.15) !important;
    color: var(--color-text-primary);
}

.nav-item.active {
    background-color: var(--color-brand) !important;
}
.nav-item:hover {
    background-color: rgba(var(--color-brand-rgb), 0.15) !important;
}

/* Tarjetas */
.trend-card,
.tg-card,
.job-card-large {
    background: var(--color-bg-elevated) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text-primary);
}
.trend-card:hover,
.tg-card:hover,
.job-card-large:hover {
    border-color: rgba(var(--color-brand-rgb), 0.55) !important;
    box-shadow: 0 8px 28px rgba(var(--color-brand-rgb), 0.15) !important;
}

.favoritos-control-panel {
    background: var(--color-bg-elevated) !important;
    border-color: var(--color-border) !important;
}

/* ═══ Ajustes modo claro ═══ */

[data-theme="light"] .sidebar {
    border-right: 1px solid var(--color-border);
}

[data-theme="light"] .nav-item {
    color: var(--color-text-primary) !important;
}
[data-theme="light"] .nav-item i {
    color: var(--color-brand) !important;
}
[data-theme="light"] .nav-item.active,
[data-theme="light"] .nav-item.active i {
    color: #fff !important;
}

[data-theme="light"] .sidebar-footer,
[data-theme="light"] .sidebar-section-label,
[data-theme="light"] .user-name,
[data-theme="light"] .user-role {
    color: var(--color-text-secondary) !important;
}

[data-theme="light"] .channel-name,
[data-theme="light"] .tg-channel-name,
[data-theme="light"] .trend-channel {
    color: var(--color-text-secondary) !important;
}

[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3 {
    color: var(--color-text-primary) !important;
}

.sidebar-logo .logo-light { display: none; }
[data-theme="light"] .sidebar-logo .logo-dark { display: none; }
[data-theme="light"] .sidebar-logo .logo-light { display: block; }

[data-theme="light"] .user-credits {
    color: #df0404;
    text-shadow: none;
    font-weight: 800;
}

[data-theme="light"] .theme-toggle .active-indicator {
    border-color: rgba(0, 0, 0, 0.3);
}

/* ═══ Scrollbar — modo claro ═══ */
[data-theme="light"] {
    scrollbar-color: rgba(0, 0, 0, 0.15) transparent;
}
[data-theme="light"] *::-webkit-scrollbar-track { background: transparent; }
[data-theme="light"] *::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.15); border-color: transparent; }
[data-theme="light"] *::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.25); }
[data-theme="light"] *::-webkit-scrollbar-corner { background: transparent; }

/* ═══ YouTube Feed Preview — modo claro ═══ */
[data-theme="light"] .yt-shell { background: #fff; border-color: #d4d4d4; box-shadow: 0 4px 16px rgba(0,0,0,0.1); }
[data-theme="light"] .yt-topbar { background: #fff; border-bottom-color: #d4d4d4; }
[data-theme="light"] .yt-hamburger,
[data-theme="light"] .yt-icon-btn,
[data-theme="light"] .yt-icon-btn-circle { color: #333; }
[data-theme="light"] .yt-logo { color: #333; }
[data-theme="light"] .yt-sidebar { background: #fff; border-right-color: #d4d4d4; }
[data-theme="light"] .yt-sb-heading { color: #333; }
[data-theme="light"] .yt-sb-item { color: #333; }
[data-theme="light"] .yt-sb-item:hover,
[data-theme="light"] .yt-sb-item.active { background: #e0e0e0; }
[data-theme="light"] .yt-sb-item i { color: #555; }
[data-theme="light"] .yt-sb-divider { background: #d4d4d4; }
[data-theme="light"] .yt-pill { background: #f0f0f0; color: #333; }
[data-theme="light"] .yt-pill:hover { background: #e0e0e0; }
[data-theme="light"] .yt-pill.active { background: #333; color: #fff; }
[data-theme="light"] .yt-vcard-thumb { background: #e8e8e8; }
[data-theme="light"] .yt-vcard-avatar { background: #d4d4d4; }
[data-theme="light"] .yt-vcard-title { color: #1a1a1a; }
[data-theme="light"] .yt-vcard-chan { color: #606060; }
[data-theme="light"] .yt-vcard-chan:hover { color: #1a1a1a; }
[data-theme="light"] .yt-vcard-meta { color: #606060; }
[data-theme="light"] .fp-card-mine .yt-vcard-title { color: #1a1a1a; }
[data-theme="light"] .fp-title-input,
[data-theme="light"] .fp-chan-input { background: #f5f5f5; border-color: #d4d4d4; color: #333; }
[data-theme="light"] .fp-thumb-mine { border-color: var(--color-brand); background: #f5f0ff; color: #666; }
[data-theme="light"] .fp-thumb-mine.dragover { background: #ece0ff; }
[data-theme="light"] .fp-thumb-mine i.fp-drop-label { color: var(--color-brand); }
[data-theme="light"] .fp-top-center h1 { color: #1a1a1a; }
[data-theme="light"] .fp-top-center p { color: #666; }

/* ═══ Briefing — textos morados en modo claro ═══ */
[data-theme="light"] .bf-field-value,
[data-theme="light"] .bf-guion-box,
[data-theme="light"] .bf-timeline-text,
[data-theme="light"] #bf-escenas-table-wrap td { color: #6907ff; }

/* ═══ Análisis — botón replicate en modo claro ═══ */
[data-theme="light"] .v2-replicate-btn {
    background: rgba(var(--color-brand-rgb), 0.35);
}
[data-theme="light"] .v2-replicate-cta button[onclick*="replicar"] {
    background: rgba(var(--color-brand-rgb), 0.25) !important;
    border-color: rgba(var(--color-brand-rgb), 0.4) !important;
}

/* ═══ Utilidades ═══ */

.text-brand {
    color: var(--color-brand);
}