body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
}

.dark-mode .card {
    background-color: #1e1e1e;
    border-color: #333;
}

.dark-mode .logo-text {
    color: #e0e0e0;
}

.dark-mode .nav-categories .btn {
    background-color: #333;
    color: #e0e0e0;
    border-color: #444;
}

.dark-mode .nav-categories .btn.active {
    background-color: #e0e0e0;
    color: #121212;
}

.dark-mode .news-item-group {
    border-bottom-color: #333;
}

.dark-mode .ai-summary-content {
    background: linear-gradient(to bottom, #1e1e1e, #121212);
    border-color: #333;
}

.dark-mode .summary-header {
    border-bottom-color: #333;
}

.dark-mode .summary-label {
    color: #e0e0e0;
}

.dark-mode .summary-label i {
    color: #e0e0e0;
}

.dark-mode .summary-text {
    color: #e0e0e0;
}

.dark-mode .categories-badge {
    color: #e0e0e0 !important;
    background-color: #333;
}

.dark-mode .newsletter-box {
    background-color: #1e1e1e;
}

.dark-mode .newsletter-title {
    color: #e0e0e0;
}

.dark-mode .daily-brief-example {
    background-color: #333;
}

.dark-mode .topics-tags-wrapper {
    background: #1e1e1e;
    border-color: #333;
}

.dark-mode .section-header {
    border-bottom-color: #333;
}

.dark-mode .header-icon {
    background: linear-gradient(135deg, #4a5568, #2d3748);
    color: white;
}

.dark-mode .section-title {
    color: #e0e0e0;
}

.dark-mode .topic-item {
    background: #333;
    border-color: #444;
}

.dark-mode .topic-item:hover {
    background: #444;
    border-color: #555;
}

.dark-mode .topic-name {
    color: #e0e0e0;
}

.dark-mode .topic-count {
    background: #1e1e1e;
    color: #e0e0e0;
    border-color: #444;
}

.dark-mode .tag-item {
    background: #333;
    color: #e0e0e0;
    border-color: #444;
}

.dark-mode .tag-item:hover {
    background: #e0e0e0;
    color: #121212;
    border-color: #e0e0e0;
}

.dark-mode .hero-section {
    background: #1e1e1e;
}

.dark-mode .hero-badge {
    background: #333;
    border-color: #444;
    color: #e0e0e0;
}

.dark-mode .hero-title {
    color: #e0e0e0;
}

.dark-mode .topic-title{

    box-shadow: unset !important;
}
.dark-mode .header-title{

    box-shadow: unset !important;
}
.dark-mode .text-gradient {
    background: linear-gradient(135deg, #e0e0e0, #b0b0b0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.dark-mode .hero-subtitle {
    color: #b0b0b0;
}

.dark-mode .stat-item {
    background: #333;
    border-color: #444;
}

.dark-mode .stat-icon {
    background: #1e1e1e;
    color: #e0e0e0;
}

.dark-mode .stat-value {
    color: #e0e0e0;
}

.dark-mode .stat-label {
    color: #b0b0b0;
}

.dark-mode .feature-item {
    color: #e0e0e0;
}

.dark-mode .feed-preview {
    background: #1e1e1e;
    border-color: #333;
}

.dark-mode .feed-header {
    border-bottom-color: #333;
}

.dark-mode .feed-title {
    color: #e0e0e0;
}

.dark-mode .feed-item {
    border-color: #333;
}

.dark-mode .feed-item:hover {
    border-color: #444;
}

.dark-mode .item-score {
    background: #333;
    color: #e0e0e0;
}

.dark-mode .item-title {
    color: #e0e0e0;
}

.dark-mode .item-meta {
    color: #b0b0b0;
}

.dark-mode .nav-section {
    background: #1e1e1e;
}

.dark-mode .nav-card {
    background: #333;
    border-color: #444;
    color: #e0e0e0;
}

.dark-mode .nav-card:hover {
    color: #e0e0e0;
    border-color: #555;
}

.dark-mode .nav-icon {
    background: #1e1e1e;
    border-color: #444;
    color: #e0e0e0;
}

.dark-mode .nav-card:hover .nav-icon {
    color: #e0e0e0;
    border-color: #555;
}

.dark-mode .nav-arrow {
    color: #b0b0b0;
}

.dark-mode .nav-card:hover .nav-arrow {
    color: #e0e0e0;
}

.dark-mode .item-title a {
    color: #e0e0e0 !important;
}

.dark-mode .tool-icon div {
    background-color: #333;
    color: #e0e0e0;
}

.dark-mode .category-icon {
    background-color: #333;
    color: #e0e0e0;
}

/* Navbar */
.dark-mode .navbar {
    background-color: #1e1e1e !important;
}

.dark-mode .logo-text a {
    color: #e0e0e0;
}

.dark-mode .logo-text img {
    filter: invert(1);
}

/* News titles */
.dark-mode .news-item-content h4 a {
    color: #e0e0e0 !important;
}

/* Trending models and tools */
.dark-mode .card-body h5 a {
    color: #e0e0e0 !important;
}

/* Tab view icons */
.dark-mode .nav-pills .nav-link {
    background-color: #333;
    color: #e0e0e0;
}

.dark-mode .nav-pills .nav-link.active {
    background-color: #e0e0e0;
    color: #121212;
}

.dark-mode .bg-white {
    background-color: #1e1e1e !important;
}

.dark-mode .text-dark {
    color: #e0e0e0 !important;
}

.dark-mode .text-muted {
    color: #b0b0b0 !important;
}

.dark-mode .border {
    border-color: #333 !important;
}

.dark-mode .card-header {
    background-color: #1e1e1e !important;
    border-bottom-color: #333 !important;
}

.dark-mode .nav-tabs .nav-link {
    color: #e0e0e0;
    background-color: #1e1e1e;
    border-color: #333 #333 #1e1e1e;
}

.dark-mode .nav-tabs .nav-link.active {
    color: #e0e0e0;
    background-color: #121212;
    border-color: #333 #333 #121212;
}

.dark-mode .nav-tabs {
    border-bottom-color: #333;
}

/* Timeline */
.dark-mode #timeline {
    background: rgba(30, 30, 30, 0.95);
    border: 1px solid rgba(51, 51, 51, 0.2);
}

.dark-mode .timeline-date {
    color: #e0e0e0;
}

.dark-mode .timeline-month {
    color: #b0b0b0;
}

.dark-mode .timeline-item {
    background: #1e1e1e;
    border: 1px solid #333;
}

.dark-mode .timeline-item:hover {
    background: #333;
}

/* Stars */
.dark-mode .badge.bg-light.text-dark {
    background-color: #333 !important;
    color: #e0e0e0 !important;
}

/* Topic page inline nav */
.dark-mode .topic-filter-nav {
    background: #1e1e1e;
    border-bottom-color: #333;
}

.dark-mode .filter-tab {
    background: #333;
    border-color: #444;
    color: #e0e0e0;
}

.dark-mode .filter-tab:hover {
    background: #444;
    color: #e0e0e0;
}

.dark-mode .filter-tab.active {
    background: #e0e0e0;
    color: #121212;
    border-color: #e0e0e0;
}

.dark-mode .stats-box {
    background: #333;
    border-color: #444;
    color: #e0e0e0;
}

.dark-mode .stats-box:hover {
    border-color: #e0e0e0;
    color: #e0e0e0;
}

.dark-mode .stats-box.active {
    background: #e0e0e0;
    color: #121212;
    border-color: #e0e0e0;
}

/* Modal */
.dark-mode .modal-content {
    background-color: #1e1e1e;
    color: #e0e0e0;
}

.dark-mode .modal-header {
    border-bottom-color: #333;
}

.dark-mode .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.dark-mode .form-check-label {
    color: #e0e0e0;
}

.dark-mode .form-control {
    background-color: #333;
    color: #e0e0e0;
    border-color: #444;
}

.dark-mode .form-text {
    color: #b0b0b0;
}

/* Dropdown */
.dark-mode .dropdown-menu {
    background-color: #1e1e1e;
    border-color: #333;
}

.dark-mode .dropdown-item {
    color: #e0e0e0;
}

.dark-mode .dropdown-item:hover, .dark-mode .dropdown-item:focus {
    background-color: #333;
    color: #e0e0e0;
}

/* Collapse */
.dark-mode .collapse {
    background-color: #1e1e1e;
    border-color: #333;
}

/* Modal Header & Footer */
.dark-mode .modal-header {
    border-bottom: 1px solid #333;
}

.dark-mode .modal-footer {
    border-top: 1px solid #333;
}

/* Modal Buttons */
.dark-mode .btn-danger {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff;
}

.dark-mode .btn-secondary {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
}

.dark-mode .btn-dark {
    background-color: #343a40;
    border-color: #343a40;
    color: #fff;
}

.dark-mode .modal-title {
    color: #e0e0e0;
}

.dark-mode .btn-outline-dark {
    color: #e0e0e0;
    border-color: #e0e0e0;
}

.dark-mode .btn-outline-dark:hover {
    color: #121212;
    background-color: #e0e0e0;
    border-color: #e0e0e0;
}

.dark-mode .topics-more-btn,
.dark-mode .tags-more-btn {
    color: #e0e0e0;
    background-color: #333;
    border-color: #444;
}

.dark-mode .topics-more-btn:hover,
.dark-mode .tags-more-btn:hover {
    color: #e0e0e0;
    background-color: #444;
    border-color: #555;
}