/* Dark theme overrides */

:root {
    /* Dark theme colors */
    --bg-primary: #2a2a2a;
    --text-primary: #e0e0e0;
    --bg-secondary: #333;
    --border-color: #9b59b6;
    --text-secondary: #e0e0e0;
    --bg-content: #333;
    --accent-color: #9b59b6;
    --accent-hover: #b973d6;

    /* Project backgrounds for dark theme */
    --project-bg: #404040;
    --counter-bg: #404040;

    /* Dark theme nav colors */
    --nav-bg-light: #4a4a4a;
    --nav-bg-dark: #333;
    --nav-border: #9b59b6;

    /* Dark theme webring */
    --webring-bg: #333;

    /* Dark theme visited links */
    --link-visited: #8e44ad;
}

/* Dark theme specific styles that aren't covered by variables */
body.dark-theme {
    /* Main dark theme styles are now handled by CSS variables */
    background-image: url('../oldschool-gifs/backgrounds/dark/pixel-ocean.gif');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    image-rendering: pixelated;
}

.theme-btn.dark-btn {
    border-color: var(--accent-color);
    color: var(--accent-color);
    background-color: rgba(155, 89, 182, 0.3);
}

.theme-btn.dark-btn:hover {
    background-color: rgba(155, 89, 182, 0.5);
}

/* Dark theme specific element overrides */
.dark-theme h1 {
    color: var(--text-primary);
}

.dark-theme h2 {
    color: var(--text-primary);
    border-color: var(--border-color);
}

.dark-theme h3 {
    color: var(--text-primary);
}

.dark-theme p {
    color: var(--text-primary);
}

/* Fix white text on project cards in dark mode */
.dark-theme .project a {
    color: var(--accent-color);
}

.dark-theme .project a:hover {
    color: var(--accent-hover);
}

.dark-theme .project h3 {
    color: var(--text-primary);
}

.dark-theme .project p {
    color: var(--text-primary) !important;
}

.dark-theme .project h3 {
    color: var(--text-primary) !important;
}

.dark-theme .project a {
    color: var(--accent-color) !important;
}

.dark-theme .project a:hover {
    color: var(--accent-hover) !important;
}


.dark-theme a:visited {
    color: var(--link-visited);
}