/* Root Variables untuk mempermudah perubahan warna tema utama (Brand) */
:root {
    /* Brand Theme Colors - Derived from logo.png */
    --brand-50:  #f0f4f8; /* Very light slate/navy blue background */
    --brand-100: #d9e2ec;
    --brand-300: #bcccdc;
    --brand-400: #627d98;
    --brand-500: #1c3d5a; /* Primary Deep Navy Blue */
    --brand-600: #102a43; /* Darker navy for hover/active states */
    --brand-700: #0b1a30;

    /* Secondary Brand Colors - Chartreuse Green from logo */
    --secondary-500: #8ca909; /* Lime/Chartreuse green */
    --secondary-600: #779007;

    /* Accent Colors - Amber Yellow from logo */
    --accent-orange: #fcb724; /* Warm yellow/amber */
    --accent-coral:  #f85a5e; /* Soft red for critical highlights */

    /* Neutral */
    --dark: #1f2937;
    --light: #f9fafb;

    /* button gradient */
    --brand-gradient: linear-gradient(
        to right,
        var(--brand-500),
        var(--brand-600)
    );
}

/* Utilitas untuk menyembunyikan scrollbar tapi tetap bisa di-scroll */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Animasi & Behavior dasar */
html {
    scroll-behavior: smooth;
}