/* Dark Mode Variables & Styles */
:root {
    --dark-bg: #0b0f19;
    --dark-surface: #151b28;
    --dark-border: rgba(255, 255, 255, 0.08);
    --dark-text: #e1e1e1;
    --dark-heading: #ffffff;
    --dark-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

body.dark-mode {
    background-color: var(--dark-bg);
    color: var(--dark-text);
}

.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6,
.dark-mode .post-title a,
.dark-mode .entry-title a {
    color: var(--dark-heading) !important;
}

.dark-mode p,
.dark-mode span,
.dark-mode li {
    color: var(--dark-text);
}

.dark-mode .bg-white,
.dark-mode .card,
.dark-mode .post-item,
.dark-mode .sidebar .widget {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
}

.dark-mode .border,
.dark-mode .border-top,
.dark-mode .border-bottom,
.dark-mode .border-left,
.dark-mode .border-right {
    border-color: var(--dark-border) !important;
}

.dark-mode .navbar-sticky.sticky-on {
    background-color: var(--dark-surface) !important;
}

.dark-mode .header-style-1,
.dark-mode .header-style-2 {
    background-color: var(--dark-surface);
}

.dark-mode footer {
    background-color: #05080f;
}

.dark-mode .category-style-2,
.dark-mode .category-style-3 {
    background: var(--dark-surface);
}

.dark-mode .post-list-item,
.dark-mode .trending-item {
    border-color: var(--dark-border);
}

/* Specific component overrides for Dark Mode */
.dark-mode .sidebar .widget-title {
    color: #fff;
    border-bottom-color: var(--dark-border);
}

.dark-mode .nav-tabs .nav-link.active {
    background-color: var(--dark-surface);
    color: #fff;
    border-color: var(--dark-border);
}

.dark-mode .search-form input {
    background: rgba(255, 255, 255, 0.05);
    border-color: var(--dark-border);
    color: #fff;
}