/* ============================================
   THEME 1: CLASSIC (The Hacker News inspired)
   Purple accent, Roboto, column layout
   ============================================ */

body[data-theme="1"] {
    font-family: 'Roboto', sans-serif;
    background-color: #F4F6FB;
    color: #1a1a2e;
}

/* Top Bar */
body[data-theme="1"] .top-bar {
    background-color: #1a1a2e;
    color: #c8c8d4;
}

/* Header */
body[data-theme="1"] .header {
    background-color: #ffffff;
    border-bottom: 1px solid #e8e8f0;
}

body[data-theme="1"] .logo-icon {
    color: #3B35AE;
}

body[data-theme="1"] .logo-name {
    color: #1a1a2e;
}

body[data-theme="1"] .logo-tagline {
    color: #3B35AE;
}

body[data-theme="1"] .theme-toggle {
    background-color: #f0f0f8;
    color: #3B35AE;
}

body[data-theme="1"] .theme-toggle:hover {
    background-color: #3B35AE;
    color: #fff;
}

/* Navigation */
body[data-theme="1"] .nav {
    background-color: #3B35AE;
    box-shadow: 0 2px 8px rgba(59, 53, 174, 0.2);
}

body[data-theme="1"] .nav-link {
    color: rgba(255, 255, 255, 0.8);
}

body[data-theme="1"] .nav-link:hover,
body[data-theme="1"] .nav-link.active {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

/* Theme Indicator */
body[data-theme="1"] .theme-indicator {
    background-color: #3B35AE;
    color: #fff;
    box-shadow: 0 8px 32px rgba(59, 53, 174, 0.3);
}

/* Articles */
body[data-theme="1"] .article-card:hover {
    background-color: rgba(59, 53, 174, 0.03);
}

body[data-theme="1"] .article-title a {
    color: #1a1a2e;
}

body[data-theme="1"] .article-title a:hover {
    color: #3B35AE;
}

body[data-theme="1"] .article-read {
    color: #3B35AE;
}

/* Sidebar */
body[data-theme="1"] .sidebar-widget {
    background-color: #ffffff;
    border: 1px solid #e8e8f0;
}

body[data-theme="1"] .widget-title {
    border-bottom: 2px solid #3B35AE;
    color: #1a1a2e;
}

body[data-theme="1"] .newsletter-input {
    background-color: #f4f6fb;
    color: #1a1a2e;
}

body[data-theme="1"] .newsletter-btn {
    background-color: #3B35AE;
    color: #fff;
}

body[data-theme="1"] .tag {
    background-color: #eeedf8;
    color: #3B35AE;
}

body[data-theme="1"] .tag:hover {
    background-color: #3B35AE;
    color: #fff;
}

/* Article Detail */
body[data-theme="1"] .article-detail-content {
    color: #333;
}

body[data-theme="1"] .article-share {
    border-top: 1px solid #e8e8f0;
}

body[data-theme="1"] .share-btn {
    background-color: #eeedf8;
    color: #3B35AE;
}

body[data-theme="1"] .share-btn:hover {
    background-color: #3B35AE;
    color: #fff;
}

body[data-theme="1"] .related-articles {
    border-top: 2px solid #e8e8f0;
}

body[data-theme="1"] .related-card {
    background-color: #f4f6fb;
    border: 1px solid #e8e8f0;
}

body[data-theme="1"] .related-card:hover {
    border-color: #3B35AE;
}

/* Footer */
body[data-theme="1"] .footer {
    background-color: #1a1a2e;
    color: #c8c8d4;
}

body[data-theme="1"] .footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}