/* Root Variables untuk mempermudah perubahan warna tema utama (Brand) */
:root {
    /* Primary Teal (sesuai logo "Kita") */
    --brand-50:  #ecfdfa;
    --brand-100: #ccfbf1;
    --brand-300: #5eead4;
    --brand-400: #2dd4bf;
    --brand-500: #14b8a6;  /* MAIN - teal logo */
    --brand-600: #0d9488;  /* hover */
    --brand-700: #0f766e;

    /* Secondary (biru "Aksi") */
    --secondary-500: #1e3a8a;
    --secondary-600: #1e40af;

    /* Accent (warna hangat dari logo) */
    --accent-orange: #f59e0b;
    --accent-coral:  #ff5a5f;

    /* 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;
}