/* STREAMING_CHUNK: Defining root variables and base styles... /
/ ==========================================================================
Base Variables & Typography
========================================================================== */
:root {
--primary-color: #330072;
--secondary-color: #2AD2C9;
--light-bg: #f4f4f9;
--dark-bg: #1a1a2e;
}

/* Fallback smooth scroll (sebagai cadangan jika JavaScript dimatikan user) */
html {
scroll-behavior: smooth;
}

/* Mengubah warna teks saat di-highlight/diblok (UX Enhancements) */
::selection {
background-color: var(--secondary-color);
color: var(--primary-color);
}
::-moz-selection {
background-color: var(--secondary-color);
color: var(--primary-color);
}

/* STREAMING_CHUNK: Customizing the webkit scrollbar... /
/ ==========================================================================
Custom Scrollbar
========================================================================== /
/ Bekerja di browser berbasis Webkit (Chrome, Edge, Safari) */
::-webkit-scrollbar {
width: 10px;
}

::-webkit-scrollbar-track {
background: #f8f9fa; /* Warna track terang */
}

::-webkit-scrollbar-thumb {
background: #d1d5db; /* Abu-abu kalem /
border-radius: 6px;
border: 2px solid #f8f9fa; / Memberikan efek padding */
}

::-webkit-scrollbar-thumb:hover {
background: var(--primary-color); /* Berubah menjadi warna ungu iQASB saat dihover */
}

/* STREAMING_CHUNK: Fixing browser autofill defaults... /
/ ==========================================================================
Form Enhancements
========================================================================== /
/ Memperbaiki masalah background kuning/putih pada input autofill browser /
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px white inset !important;
-webkit-text-fill-color: #1f2937 !important; / Warna text-gray-800 /
transition: background-color 5000s ease-in-out 0s; / Trik agar background tidak berubah instan */

/* Menghilangkan panah atas/bawah pada input type="number" /
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield; / Firefox */

/* STREAMING_CHUNK: Adding custom utility classes for animations... /
/ ==========================================================================
Custom Animations & Utilities
========================================================================== /
/ Animasi mengambang (Float) untuk gambar atau icon card */
@keyframes float {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(-10px);
}
100% {
transform: translateY(0px);
}
}

.animate-float {
animation: float 6s ease-in-out infinite;
}

/* Efek transisi standar yang halus untuk semua hover yang mungkin terlewat di Tailwind */
a, button {
transition: all 0.3s ease-in-out;
}

/* Utilities untuk menyembunyikan elemen scrollbar tapi tetap bisa di-scroll (berguna untuk menu horizontal) /
.no-scrollbar::-webkit-scrollbar {
display: none;
}
.no-scrollbar {
-ms-overflow-style: none;  / IE and Edge /
scrollbar-width: none;  / Firefox */