/* Dark theme styles */
/* Dark theme */
body.dark-theme {
    --background: var(--dark-background);
    --surface: var(--dark-surface);
    --surface-light: var(--dark-surface-light);
    --text: var(--dark-text);
    --border: var(--dark-border);
    --terminal-black: var(--dark-terminal-black);
    --terminal-gray: var(--dark-terminal-gray);
    --terminal-dark: var(--dark-terminal-dark);
}

/* Add transition to all elements affected by theme change */
body {
    transition: background-color 0.5s ease, color 0.5s ease;
}

.terminal-container {
    transition: background 0.5s ease, box-shadow 0.5s ease;
}

.section {
    transition: background 0.5s ease;
}

.os-column {
    transition: background 0.5s ease;
}

.os-item,
.os-details .info-item,
.spec-item,
.project-item,
.game-item,
.current-project {
    transition: background 0.5s ease;
}

.terminal-header {
    transition: background 0.5s ease;
}

.terminal-body {
    transition: background-color 0.5s ease;
}

.editor-column,
.editors-visualization {
    transition: background 0.5s ease;
}

.chart-bar-container {
    transition: background 0.5s ease;
}

body.dark-theme .terminal-container {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    background: linear-gradient(to bottom, var(--dark-surface), var(--dark-background));
}

body.dark-theme .section {
    background: rgba(17, 17, 17, 0.6);
}

body.dark-theme .os-column {
    background: rgba(17, 17, 17, 0.4);
}

body.dark-theme .os-item:hover,
body.dark-theme .os-details .info-item:hover {
    background: rgba(255, 255, 255, 0.05);
}

body.dark-theme .os-visualization {
    background: rgba(17, 17, 17, 0.4);
}

body.dark-theme .spec-item,
body.dark-theme .project-item,
body.dark-theme .game-item,
body.dark-theme .current-project {
    background: rgba(17, 17, 17, 0.4);
}

body.dark-theme .section:hover {
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.1);
}

body.dark-theme .os-column:hover {
    box-shadow: 0 5px 15px rgba(255, 255, 255, 0.05);
}

body.dark-theme .profile-pic img {
    filter: grayscale(100%) contrast(120%);
}

body.dark-theme .chart-segment {
    color: #000000;
}

body.dark-theme .terminal-header {
    background: #000000;
    border-bottom: 1px solid var(--dark-border);
}

body.dark-theme .terminal-header::before {
    background: var(--dark-terminal-black);
}

body.dark-theme .terminal-body {
    background-color: var(--dark-surface);
}

/* Dark theme adjustments */
body.dark-theme .editor-column {
    background: rgba(17, 17, 17, 0.4);
}

body.dark-theme .editor-item:hover {
    background: rgba(255, 255, 255, 0.05);
}

body.dark-theme .editors-visualization {
    background: rgba(17, 17, 17, 0.4);
}

body.dark-theme .chart-bar-container {
    background: var(--dark-surface-light);
}
body.dark-theme .progress-bar {
    height: 100%;
    background: linear-gradient(to right, #ebebeb);
    border-radius: 5px;
    transition: width 1.5s ease-in-out;
}
body.dark-theme .os-item:hover, 
body.dark-theme .os-details .info-item:hover {
    background: rgba(255, 255, 255, 0.05);
}