.dark-theme {
    --primary-color: #ff2d55;
    --primary-light: rgba(255, 45, 85, 0.2);
    --secondary-color: #222222;
    --text-color: #f0f0f0;
    --text-light: #aaaaaa;
    --bg-color: #121212;
    --card-bg: #1e1e1e;
    --border-color: #333333;
    --shadow-color: rgba(0, 0, 0, 0.3);
    --overlay-color: rgba(30, 30, 30, 0.9);
}

.light-theme {
    --primary-color: #ff2d55;
    --primary-light: rgba(255, 45, 85, 0.1);
    --secondary-color: #333333;
    --text-color: #333333;
    --text-light: #777777;
    --bg-color: #ffffff;
    --card-bg: #ffffff;
    --border-color: #e0e0e0;
    --shadow-color: rgba(0, 0, 0, 0.1);
    --overlay-color: rgba(255, 255, 255, 0.9);
}

body {
    transition: background-color 0.3s ease, color 0.3s ease;
}
.dark-theme .skill-bar {
    background-color: #333;
}

.dark-theme .project-card {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

.dark-theme .project-card:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.6);
}

.dark-theme .hamburger .line {
    background-color: #f0f0f0;
}