html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Manrope', sans-serif;
}


.gallery-item:hover .gallery-overlay {
    opacity: 1;
}

/* Custom Body Text Class */
.body-text {
    color: #181411;
    /* Ganti kode warna ini untuk Mode Terang */
}

/* Support untuk Dark Mode (jika class 'dark' ada di tag HTML) */
.dark .body-text {
    color: #ffffff;
    /* Ganti kode warna ini untuk Mode Gelap */
}

/* Custom Secondary Text Class */
.text-secondary {
    color: #494c4a;
    /* Ganti kode warna ini untuk teks sekunder Mode Terang */
}

/* Support untuk Dark Mode (jika class 'dark' ada di tag HTML) */
.dark .text-secondary {
    color: #9ca3af;
    /* Default Tailwind gray-400 equivalent for dark mode, or customize here */
}