/*! Tema esensi | GPL-3.0 License | Diki Siswanto <dickyachmady@gmail.com> & OpenDesa (https://opendesa.id) */
/*! tailwindcss v3.0.22 | MIT License | https://tailwindcss.com */
/*! Modernized with Batik Mega Mendung Theme */

:root{

    /* Warna utama */
    --primary-base-color:#123A39;
    --primary-darken-color:#0D1B1E;

    /* Warna emas */
    --secondary-base-color:#B8A766;
    --secondary-darken-color:#8E7A42;

    /* Emerald */
    --accent-base-color:#1A5653;
    --accent-darken-color:#123A39;

    /* Background */
    --body-color:#F7F8F6;
    --surface-color:#FFFFFF;

    /* Typography */
    --heading-color:#172A2A;
    --text-color:#4A5A5A;
    --text-light:#718096;

    /* Border */
    --border-color:#E5E7EB;

    /* Status */
    --success-color:#198754;
    --warning-color:#D4A017;
    --danger-color:#DC3545;
    --info-color:#0EA5E9;
}

background: linear-gradient(
135deg,
#0D1B1E 0%,
#123A39 35%,
#1A5653 70%,
#102B2C 100%
);

background:
linear-gradient(
120deg,
#081416 0%,
#123A39 30%,
#1A5653 60%,
#0B2023 100%
);

.btn-primary{
    background:#123A39;
    border-color:#123A39;
}

.btn-primary:hover{
    background:#0D1B1E;
}

.btn-warning{
    background:#B8A766;
    border-color:#B8A766;
    color:#fff;
}

.btn-warning:hover{
    background:#8E7A42;
}

    /* Warna footer */
.footer {
    background: linear-gradient(
        135deg,
        #081416 0%,
        #0D1B1E 30%,
        #123A39 70%,
        #1A5653 100%
    );

    color: #F8FAFC;
    border-top: 3px solid #B8A766;
}

    /* warna elemen dalam footer */
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5{
    color:#FFFFFF;
}

.footer p,
.footer span,
.footer li{
    color:#D6E3E2;
}

.footer a{
    color:#D9C27A;
    transition:.3s;
}

.footer a:hover{
    color:#FFFFFF;
}

.footer hr{
    border-color:rgba(184,167,102,.35);
}

.footer-bottom{
    background:#081416;
    color:#C8D2D1;
    border-top:1px solid rgba(184,167,102,.25);
}

.footer .social a{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#123A39;
    color:#FFFFFF;
    border:1px solid rgba(184,167,102,.35);
    transition:.3s;
}

.footer .social a:hover{
    background:#B8A766;
    color:#0D1B1E;
    transform:translateY(-3px);
}