:root {
    --primary-color: #145a82;
    --secondary-color: #0a2c40;
    --accent-color: #1e88c4;
    --dark-color: #000000;
    --light-color: #8ecbee;
    --overlay-color: rgba(0, 0, 0, 0.2);
}

/* Custom utility classes */
.bg-primary {
    background-color: var(--primary-color);
}

.bg-secondary {
    background-color: var(--secondary-color);
}

.bg-accent {
    background-color: var(--accent-color);
}

.bg-light {
    background-color: var(--light-color);
}

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

.text-secondary {
    color: var(--secondary-color);
}

.text-accent {
    color: var(--accent-color);
}

.text-light {
    color: var(--light-color);
}

.hover\:bg-accent:hover {
    background-color: var(--accent-color);
}

.hover\:bg-primary:hover {
    background-color: var(--primary-color);
}

/* Hero Section - Gambar tidak akan terpotong */
#home {
    position: relative;
    overflow: hidden;
}

#home img {
    max-width: 100%;
    max-height: 100vh;
    width: auto;
    height: auto;
    display: block;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    #home img {
        width: 100%;
        height: auto;
        max-height: none;
    }
}