/* =========================
   WARNA DASAR BAJU
   ========================= */

/* Putih */
.color-white {
    background-color: #FFFFFF !important;
}

/* Hitam */
.color-black {
    background-color: #000000 !important;
}

/* Abu-abu */
.color-gray {
    background-color: #808080 !important;
}

/* Abu-abu muda */
.color-light-gray {
    background-color: #D3D3D3 !important;
}

/* Abu-abu tua */
.color-dark-gray {
    background-color: #404040 !important;
}

/* Cream */
.color-cream {
    background-color: #FFFDD0 !important;
}

/* Beige */
.color-beige {
    background-color: #D8C3A5 !important;
}

/* Coklat */
.color-brown {
    background-color: #8B4513 !important;
}

/* Coklat muda */
.color-light-brown {
    background-color: #A67B5B !important;
}

/* Coklat tua */
.color-dark-brown {
    background-color: #4E342E !important;
}

/* Merah */
.color-red {
    background-color: #C62828 !important;
}

/* Merah tua */
.color-dark-red {
    background-color: #8B0000 !important;
}

/* Maroon */
.color-maroon {
    background-color: #800000 !important;
}

/* Pink */
.color-pink {
    background-color: #E8A0BF !important;
}

/* Pink muda */
.color-light-pink {
    background-color: #F8D7E3 !important;
}

/* Ungu */
.color-purple {
    background-color: #6A0DAD !important;
}

/* Ungu muda */
.color-light-purple {
    background-color: #C8A2C8 !important;
}

/* Navy */
.color-navy {
    background-color: #1F3A5F !important;
}

/* Biru */
.color-blue {
    background-color: #2563EB !important;
}

/* Biru muda */
.color-light-blue {
    background-color: #87CEEB !important;
}

/* Biru denim */
.color-denim {
    background-color: #3F5F7F !important;
}

/* Hijau */
.color-green {
    background-color: #4F6F52 !important;
}

/* Hijau tua */
.color-dark-green {
    background-color: #1B4332 !important;
}

/* Sage */
.color-sage {
    background-color: #A3B18A !important;
}

/* Olive */
.color-olive {
    background-color: #808000 !important;
}

/* Kuning */
.color-yellow {
    background-color: #F4D35E !important;
}

/* Mustard */
.color-mustard {
    background-color: #C49A00 !important;
}

/* Orange */
.color-orange {
    background-color: #E67E22 !important;
}

/* Terracotta */
.color-terracotta {
    background-color: #C66B4E !important;
}

/* Dusty Pink */
.color-dusty-pink {
    background-color: #D8A7B1 !important;
}

/* Dusty Pink muda */
.color-light-dusty-pink {
    background-color: #E8C4C9 !important;
}

/* Tosca */
.color-tosca {
    background-color: #40B5AD !important;
}

/* Tosca muda */
.color-light-tosca {
    background-color: #7CCFC8 !important;
}

/* Tosca tua */
.color-dark-tosca {
    background-color: #2F8F89 !important;
}

.color-black-white-diagonal {
    background: linear-gradient(
        135deg,
        #000000 50%,
        #FFFFFF 50%
    ) !important;
    border: 1px solid #ccc !important;
}

.color-milo {
    background-color: #6F4936 !important;
}

.color-coksu {
    background-color: #BFA58A !important;
}
.breadcrumb-area.bg-gold {
    background-color: #C9A227 !important;
}

.color-deep-burgundy {
    background-color: #5A0F1B !important;
}

.color-burgundy {
    background-color: #800020 !important;
}

.color-dark-burgundy {
    background-color: #3D0712 !important;
}

.color-deep-burgundy {
    background-color: #6B1A52 !important;
}

.hero-slide-content .title,
.hero-slide-content p {
    color: #FFFFFF !important;
}

.small-banner-content .sub-title {
    color: #C9A227 !important;
}

.small-banner-content .title {
    color: #FFFFFF !important;
}