/*
denary #ce3261
#b43b5f8e

*/
/* GLOBAL COLORS */
:root {
    --lp:#f18f78;
    --tertiary: #43cc9e;
    --tertiary_hover: #3ab388;
    --quaternary: #008181;
    --quinary: #fb9754;
    --quinary_hover: #e0864b;
    --senary-lg: #f698ff;
    --senary: #c34dce;
    --senary_hover: #953b9d;
    --septenary: #dde012;
    --octonay: #244e60;
    --white: #fff;
}

.color-lp {
    color: var(--lp);
}
.navbar-lp{
    background: var(--lp)!important;
    background-color: var(--lp)!important;
}
.sidebar-dark-lp .nav-link.active{
    border-color: var(--lp)!important;
}
.card-tertiary.card-outline {
    border-top: 4px solid var(--tertiary);
}
.opacity-70 {
    opacity: 0.7;
}
.opacity-60 {
    opacity: 0.6;
}
.opacity-50 {
    opacity: 0.5;
}
.opacity-40 {
    opacity: 0.4;
}
.opacity-30 {
    opacity: 0.3;
}

/* BACKGROUNDS */
.bg-lp {
    background: var(--lp)!important;
    background-color: var(--lp)!important;
}
.bg-w-tertiary.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: var(--tertiary);
}
.bg-tertiary {
    background-color: var(--tertiary);
}

.bg-senary {
    background-color: var(--senary);
}
.bg-quinary {
    background-color: var(--quinary);
}

.bg-quaternary {
    color: var(--white);
    background-color: var(--quaternary);
}

.bg-octonay {
    color: var(--white);
    background-color: var(--octonay);
}

/* BUTTONS */
.btn-senary {
    background-color: var(--senary);
    color: var(--white);
}
.btn-senary:hover {
    color: var(--white);
    background-color: var(--senary_hover);
}
.btn-tertiary {
    background-color: var(--tertiary);
    color: var(--white);
}
.btn-tertiary:hover {
    color: var(--white);
    background-color: var(--tertiary_hover);
}

.btn-quinary {
    background-color: var(--quinary);
    color: var(--white);
}
.btn-quinary:hover {
    color: var(--white);
    background-color: var(--quinary_hover);
}


/* TEXT */
.text-quinary {
    color: var(--quinary);
}
.text-senary {
    color: var(--senary);
}
.text-tertiary {
    color: var(--tertiary);
}
.text-octonay {
    color: var(--octonay);
}

/* badges */
.badge-senary {
    color: var(--white);
    background-color: var(--senary);
}
.badge-quinary {
    color: var(--white);
    background-color: var(--quinary);
}
.badge-senary-lg {
    color: #1f2d3d;
    background-color: var(--senary-lg);
}

.badge-quaternary {
    color: var(--white);
    background-color: var(--quaternary);
}
.badge-sixth {
    color: var(--white);
    background-color: var(--octonay);
}