/* Dark Theme Core Colors */
.bg-dark-primary {
    background-color: #1E1E1E !important;
}
.bg-dark-secondary {
    background-color: #121212 !important;
}
.bg-dark-tertiary {
    background-color: #2a2a2a !important;
}
.bg-neutral {
    background-color: #2d2d2d !important;
}
.bg-primary-green {
    background-color: #36f66b !important;
}
.bg-yellow {
    background-color: #f8f140 !important;
}
.bg-ocean {
    background-color: #3670b4 !important;
}
.bg-sea {
    background-color: #4886d5 !important;
}
.bg-fuschia {
    /*background-color: #d33a98 !important;*/
    background-color: #ff1ea5 !important;
}
.bg-light-pink {
    background-color: #ffe9f6 !important;
}
.bg-grape {
    background-color: #9a6cce !important;
}
.bg-spruce {
    background-color: #32c251 !important;
}
.bg-beans {
    background-color: #e85a4f !important;
}
.bg-dusk {
    background-color: #474747 !important;
}
.bg-outline-ocean {
    border-radius: 0 !important;
    border: 2px solid #3670b4 !important;
    background-color: transparent !important;
}
.bg-outline-sea {
    border: 2px solid #4886d5 !important;
    background-color: transparent !important;
}
.bg-outline-fuschia {
    border: 2px solid #ff1ea5 !important;
    /*border: 2px solid #d33a98 !important;*/
    background-color: transparent !important;
}
.bg-outline-grape {
    border: 2px solid #9a6cce !important;
    background-color: transparent !important;
}
.bg-outline-spruce {
    border: 2px solid #32c251 !important;
    background-color: transparent !important;
}
.bg-outline-beans {
    border: 2px solid #e85a4f !important;
    background-color: transparent !important;
}
.bg-outline-dusk {
    border: 2px solid #474747 !important;
    background-color: transparent !important;
}
/* Foregrounds */
.text-ocean {
    color: #3670b4 !important;
}
.text-sea {
    color: #4886d5 !important;
}
.text-fuschia {
    color: #ff1ea5 !important;
    /*color: #d33a98 !important;*/
}
.text-grape {
    color: #9a6cce !important;
}
.text-spruce {
    color: #32c251 !important;
}
.text-beans {
    color: #e85a4f !important;
}
.text-dusk {
    color: #474747 !important;
}
/* Buttons */
.btn-ocean {
    color: #fff !important;
    background-color: #3670b4 !important;
    border-color: #3670b4 !important;
    border-radius: 6px !important;
}
.btn-sea {
    color: #fff !important;
    background-color: #4886d5 !important;
    border-color: #4886d5 !important;
    border-radius: 6px !important;
}
.btn-fuschia {
    color: #fff !important;
    background-color: #d33a98 !important;
    border-color: #d33a98 !important;
    border-radius: 6px !important;
}
.btn-grape {
    color: #fff !important;
    background-color: #9a6cce !important;
    border-color: #9a6cce !important;
    border-radius: 6px !important;
}
.btn-beans {
    color: #fff !important;
    background-color: #e85a4f !important;
    border-color: #e85a4f !important;
    border-radius: 6px !important;
}
.btn-spruce {
    color: #fff !important;
    background-color: #32c251 !important;
    border-color: #32c251 !important;
    border-radius: 6px !important;
}
.btn-dusk {
    color: #fff !important;
    background-color: #474747 !important;
    border-color: #474747 !important;
    border-radius: 6px !important;
}
/* Outline Buttons */
.btn-outline-ocean,
.btn-outline-sea,
.btn-outline-fuschia,
.btn-outline-grape,
.btn-outline-beans,
.btn-outline-spruce,
.btn-outline-dusk {
    display: inline-block;
    padding: 0.1rem 0.5rem;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    background-color: transparent !important;
    border-radius: 3px !important;
    min-width: 100px !important;
    min-height: 20px !important;
}
.btn-outline-ocean {
    color: #3670b4 !important;
    border: 2px solid #3670b4 !important;
}
.btn-outline-sea {
    color: #4886d5 !important;
    border: 2px solid #4886d5 !important;
}
.btn-outline-fuschia {
    color: #d33a98 !important;
    border: 2px solid #d33a98 !important;
}
.btn-outline-grape {
    color: #9a6cce !important;
    border: 2px solid #9a6cce !important;
}
.btn-outline-beans {
    color: #e85a4f !important;
    border: 2px solid #e85a4f !important;
}
.btn-outline-spruce {
    color: #32c251 !important;
    border: 2px solid #32c251 !important;
}
.btn-outline-dusk {
    color: #474747 !important;
    border: 2px solid #474747 !important;
}
.btn-outline-ocean:hover {
    transition: all 0.7s !important;
    color: #fff !important;
    background-color: #3670b4 !important;
    border: 2px solid #3670b4 !important;
}
.btn-outline-sea:hover {
    transition: all 0.7s !important;
    color: #fff !important;
    background-color: #4886d5 !important;
    border: 2px solid #4886d5 !important;
}
.btn-outline-fuschia:hover {
    transition: all 0.7s !important;
    color: #fff !important;
    background-color: #d33a98 !important;
    border: 2px solid #d33a98 !important;
}
.btn-outline-grape:hover {
    transition: all 0.7s !important;
    color: #fff !important;
    background-color: #9a6cce !important;
    border: 2px solid #9a6cce !important;
}
.btn-outline-beans:hover {
    transition: all 0.7s !important;
    color: #fff !important;
    background-color: #e85a4f !important;
    border: 2px solid #e85a4f !important;
}
.btn-outline-spruce:hover {
    transition: all 0.7s !important;
    color: #fff !important;
    background-color: #32c251 !important;
    border: 2px solid #32c251 !important;
}
.btn-outline-dusk:hover {
    transition: all 0.7s !important;
    color: #fff !important;
    background-color: #474747 !important;
    border: 2px solid #474747 !important;
}

/* Dark Theme Text Colors */
.text-white {
    color: #ffffff !important;
}
.text-gray-400 {
    color: #a0a0a0 !important;
}
.text-gray-500 {
    color: #6b7280 !important;
}
.text-primary-green {
    color: #36f66b !important;
}
.text-success {
    color: #32c251 !important;
}
.text-danger {
    color: #e85a4f !important;
}
.text-warning {
    color: #f8f140 !important;
}

/* Dark Theme Borders */
.border-dark {
    border-color: #2d2d2d !important;
}
.border-dark-light {
    border-color: #3d3d3d !important;
}

/* Dark Theme Buttons */
.btn-primary-green {
    color: #000 !important;
    background-color: #36f66b !important;
    border-color: #36f66b !important;
    border-radius: 6px !important;
}
.btn-primary-green:hover {
    background-color: #2de05c !important;
    border-color: #2de05c !important;
}
.btn-outline-primary-green {
    color: #36f66b !important;
    background-color: transparent !important;
    border: 2px solid #36f66b !important;
    border-radius: 6px !important;
}
.btn-outline-primary-green:hover {
    color: #000 !important;
    background-color: #36f66b !important;
    transition: all 0.3s !important;
}