/* ========================================
   DARK MODE
======================================== */

[data-theme="dark"] {
    --bg: #0f172a;
    --surface: #1e293b;
    --header-bg: #1e293b;

    --text: #e2e8f0;
    --heading: #ffffff;
    --muted: #94a3b8;

    --border: #334155;
}

/* =========================================
   DARK MODE CODE BLOCK IMPROVEMENT
========================================= */

[data-theme="dark"] pre {
    background: #0b1220; /* deeper than page bg */
    border: 1px solid #1f2937; /* subtle edge separation */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
    /*box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.02);*/
}

/* Inline code in dark mode */

[data-theme="dark"] code:not(pre code) {
    background: #1e293b;
    color: #93c5fd;
    border: 1px solid #1f2937;
}

[data-theme="dark"] pre code {
    color: #e5e7eb;
}

/* Sidebar background in dark mode */

[data-theme="dark"] .sidebar {
    background: var(--surface);
}

/* Sidebar links */

[data-theme="dark"] .nav-link {
    color: #e2e8f0;
}

[data-theme="dark"] .nav-link:hover {
    background: #334155;
}

[data-theme="dark"] .nav-link.active {
    background: #1e40af;
    color: #ffffff;
}

[data-theme="dark"] .logo a {
    color: #ffffff;
}