.service-card {
    transition: transform 0.2s ease-in-out;
}

.service-card:hover {
    transform: translateY(-5px);
}

.service-image {
    height: 80px;
    object-fit: contain;
}

.project-image {
    width: 100%;
    height: auto;
    max-height: 200px;
    object-fit: contain;
}

.about-image img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Nav link hover effect */
nav a {
    transition: color 0.2s ease-in-out;
}

nav a:hover {
    color: #0d6efd !important;
}

/* Dark mode */
[data-bs-theme="dark"] {
    background-color: #1a1d24;
    color: #e9ecef;
}

[data-bs-theme="dark"] .bg-light {
    background-color: #2d3038 !important;
}

[data-bs-theme="dark"] .card {
    background-color: #2d3038;
    border-color: #3a3f4b;
}

[data-bs-theme="dark"] .text-muted {
    color: #adb5bd !important;
}

[data-bs-theme="dark"] .text-dark {
    color: #e9ecef !important;
}

[data-bs-theme="dark"] header {
    background-color: #2d3038 !important;
    border-bottom-color: #3a3f4b;
}

[data-bs-theme="dark"] .shadow-sm {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}