/* Dark Mode Variables */
[data-theme="dark"] {
    --primary-color: #1a1a1a;
    --secondary-color: #2d2d2d;
    --text-color: #e0e0e0;
    --meta-color: #aaa;
    --shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    --post-blog-bg: #2d3748;
    --post-reviews-bg: #433127;
    --post-procrastination-bg: #2a3f2f;
}

[data-theme="dark"] body {
    background-color: #1a1a1a;
    color: var(--text-color);
}

[data-theme="dark"] .post {
    background-color: var(--secondary-color);
}

[data-theme="dark"] .nav-bar {
    background-color: var(--primary-color);
}

[data-theme="dark"] .post-blog {
    background-color: var(--post-blog-bg);
}

[data-theme="dark"] .post-reviews {
    background-color: var(--post-reviews-bg);
}

[data-theme="dark"] .post-procrastination {
    background-color: var(--post-procrastination-bg);
}

[data-theme="dark"] a {
    color: #66b3ff;
}

[data-theme="dark"] .admin-bar {
    background-color: #2d2d2d;
    color: #ffc107;
}

/* Theme Toggle Button */
.theme-toggle {
    position: fixed;
    top: 20px;
    left: 20px;
    background: none;
    border: none;
    font-size: 1.5em;
    cursor: pointer;
    z-index: 1000;
    padding: 5px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}