/* =========================================================
   TEMA HIJAU SEJUK STAIBU
   ========================================================= */

html,
body {
    background: #e6f4eb !important;
    color: #163c2a !important;
}

.site-header {
    background: linear-gradient(
        135deg,
        #008b50 0%,
        #006f40 55%,
        #005d35 100%
    ) !important;
    border-bottom: 1px solid rgba(255,255,255,.22) !important;
    box-shadow: 0 8px 24px rgba(0,74,42,.20) !important;
}

.site-header .site-brand b,
.site-header nav a {
    color: #ffffff !important;
}

.site-header .site-brand small {
    color: #f3d442 !important;
}

.site-header .nav-cta {
    background: rgba(255,255,255,.12) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.85) !important;
}

.site-header .nav-cta:hover {
    background: #ffffff !important;
    color: #006f40 !important;
}

.hero {
    background-color: #dcefe3 !important;
}

.quick,
#layanan,
#program-studi,
.columns {
    background: #eaf6ee !important;
}

.intro,
#profil {
    background: linear-gradient(
        135deg,
        #dcefe3 0%,
        #edf8f1 55%,
        #d8eddf 100%
    ) !important;
}

.card,
.columns > section,
.download-box,
.news-item,
.journal {
    background: #f1faf4 !important;
    border: 1px solid #c5dfce !important;
    box-shadow: 0 8px 22px rgba(0,92,52,.09) !important;
}

.card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(0,92,52,.15) !important;
}

.badge {
    background: #dcefe3 !important;
    color: #08723f !important;
    border: 1px solid #bdddc7 !important;
}

.btn,
.chat-button {
    background: linear-gradient(135deg,#008b50,#00683b) !important;
    color: #ffffff !important;
}

.chat-box {
    background: #f2faf5 !important;
    border: 1px solid #badbc5 !important;
}

.chat-head {
    background: linear-gradient(135deg,#008b50,#00683b) !important;
}

footer {
    background: linear-gradient(
        135deg,
        #00683a 0%,
        #00532f 55%,
        #003f24 100%
    ) !important;
}
