body {
            font-family: 'Inter', sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f8f9fa;
        }

        .navbar {
            z-index: 999;
        }

        .hero-banner {
            position: relative;
        }

        .card img {
            object-fit: cover;
        }

        footer a:hover {
            color: #84cc16 !important;
        }


        /* ========================================
   IKAS4D CUSTOM GREEN UTILITIES
   Warna utama: #84cc16
======================================== */

:root {
    --hijau-ikasad: #82BA31;
    --hijau-ikasad-dark: #16672F;
    --hijau-ikasad-light: #A8D429;
}

/* TEXT COLOR */
.text-hijauikasad,
.text-hijauikasad i,
i.text-hijauikasad,
.bi.text-hijauikasad {
    color: var(--hijau-ikasad) !important;
}

/* DARKER GREEN */
.text-hijauikasad-dark {
    color: var(--hijau-ikasad-dark) !important;
}

/* LIGHT GREEN */
.text-hijauikasad-light {
    color: var(--hijau-ikasad-light) !important;
}

/* BACKGROUND */
.bg-hijauikasad {
    background-color: var(--hijau-ikasad) !important;
    color: white !important;
}

.bg-hijauikasad-dark {
    background-color: var(--hijau-ikasad-dark) !important;
    color: white !important;
}

.bg-hijauikasad-soft {
    background-color: rgba(132, 204, 22, 0.08) !important;
}

/* BORDER */
.border-hijauikasad {
    border-color: var(--hijau-ikasad) !important;
}

/* BUTTON PRIMARY */
.btn-hijauikasad {
    background-color: var(--hijau-ikasad);
    border: 1px solid var(--hijau-ikasad);
    color: white;
    font-weight: 600;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.btn-hijauikasad:hover {
    background-color: var(--hijau-ikasad-dark);
    border-color: var(--hijau-ikasad-dark);
    color: white;
}

/* BUTTON OUTLINE */
.btn-outline-hijauikasad {
    color: var(--hijau-ikasad);
    border: 2px solid var(--hijau-ikasad);
    background: transparent;
    font-weight: 600;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.btn-outline-hijauikasad:hover {
    background-color: var(--hijau-ikasad);
    color: white;
}

/* LINK */
.link-hijauikasad {
    color: var(--hijau-ikasad);
    text-decoration: none;
}

.link-hijauikasad:hover {
    color: var(--hijau-ikasad-dark);
}