@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    background-color: #0a0a0a; /* Dominan Hitam */
    color: #ffffff; /* Putih */
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0a0a0a; 
}
::-webkit-scrollbar-thumb {
    background: #dc2626; /* Aksen merah (Tailwind red-600) */
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #b91c1c; 
}

/* Navbar Scrolled State */
.navbar-scrolled {
    background-color: rgba(10, 10, 10, 0.95);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Utilities */
.text-accent {
    color: #dc2626; /* Aksen merah */
}
.bg-accent {
    background-color: #dc2626;
}
.border-accent {
    border-color: #dc2626;
}