/* ================================================
   FEEDCURATO® DARK THEME
   /themes/feedcurato-dark/theme.css
   
   Solo variables CSS y overrides específicos.
   Los estilos base están en /themes/common/base.css
   ================================================ */

/* ========== VARIABLES CSS ========== */
:root {
    /* Colores base */
    --bg: #0a0a0f;
    --card: #12121a;
    --border: #1e1e2a;
    --text: #ffffff;
    --muted: #9ca3af;
    --accent: #6366f1;
    
    /* Header */
    --header-bg: rgba(10, 10, 15, 0.95);
    
    /* Footer */
    --footer-bg: linear-gradient(180deg, var(--bg) 0%, var(--card) 100%);
    
    /* Fuentes (defaults - sobreescritos por panel) */
    --font-heading: 'Inter', sans-serif;
    --font-body: 'Inter', sans-serif;
    --font-title-size: 24px;
    --font-title-weight: 700;
    --font-body-size: 16px;
    --font-body-weight: 400;
}

/* ========== OVERRIDES ESPECÍFICOS DARK ========== */

/* Header con blur oscuro */
.header {
    background: var(--header-bg);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

/* Footer con gradiente oscuro */
.footer {
    background: var(--footer-bg);
}

/* Hover en nav con tinte del accent */
.nav a:hover {
    background: rgba(99, 102, 241, 0.15);
}

/* Sidebar toggle hover */
.sidebar-toggle:hover {
    background: rgba(99, 102, 241, 0.15);
    border-color: var(--accent);
}

/* Search button hover */
.search-btn:hover {
    background: rgba(99, 102, 241, 0.15);
    border-color: var(--accent);
}

/* Sidebar nav hover */
.sidebar-nav a:hover {
    background: rgba(99, 102, 241, 0.15);
}

/* Sidebar close hover */
.sidebar-close:hover {
    background: rgba(99, 102, 241, 0.15);
    border-color: var(--accent);
}

/* Share button hover */
.share-btn:hover {
    border-color: var(--accent);
    background: rgba(99, 102, 241, 0.1);
}

/* Article content text color (específico dark) */
.article-content {
    color: #d0d0d0;
}

.article-summary {
    color: #b0b0b0;
}

/* Blockquote color */
.article-content blockquote {
    color: #a0a0a0;
}

/* Meta separator color */
.meta-separator {
    background: #3a3a4a;
}

/* CTA horizontal con tinte del accent */
.cta-horizontal {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.15) 0%, rgba(99, 102, 241, 0.05) 100%);
    border-color: rgba(99, 102, 241, 0.3);
}

/* Card shadows en dark */
.article-card:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

/* Search modal background oscuro */
.search-modal {
    background: rgba(10, 10, 15, 0.9);
}

/* Modal overlay oscuro */
.modal-overlay {
    background: rgba(0, 0, 0, 0.8);
}

/* Sidebar overlay */
.sidebar-overlay {
    background: rgba(0, 0, 0, 0.6);
}

/* Footer social hover colors */
.footer-social a.facebook:hover { background: #1877f2; }
.footer-social a.twitter:hover { background: #000000; }
.footer-social a.instagram:hover { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
.footer-social a.youtube:hover { background: #ff0000; }
.footer-social a.tiktok:hover { background: #000000; }
.footer-social a.linkedin:hover { background: #0a66c2; }
.footer-social a.telegram:hover { background: #0088cc; }
.footer-social a.whatsapp:hover { background: #25d366; }

/* Footer copyright color específico */
.footer-copyright {
    color: #475569;
}

/* Figcaption color */
.article-content figcaption,
.article-featured-figure figcaption {
    color: #71717a;
}

/* Time fresh color */
.time-fresh {
    color: #10b981;
}

/* TL;DR colors específicos */
.tldr-card {
    background: rgba(21, 99, 89, 0.1);
    border-color: rgba(21, 99, 89, 0.4);
}

.tldr-badge {
    background: rgba(21, 99, 89, 0.4);
    color: #2dd4bf;
}

.tldr-link {
    color: #2dd4bf;
}

.tldr-link:hover {
    color: #5eead4;
}