/* Misstia Beauty Theme */
:root{
    --mb-primary: #F0ACAC;
    --mb-primary-600: #E79B9B;
    --mb-primary-700: #DD8B8B;
    --mb-primary-soft: rgba(240, 172, 172, .18);
    --mb-text: #111827;
}

html, body{
    font-family: "Albert Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    color: var(--mb-text);
}

/* Links */
a{
    color: var(--mb-text);
}
a:hover{
    color: var(--mb-primary-700);
}

/* Bootstrap info palette -> Primary theme (project uses btn-info/bg-info heavily) */
.btn-info,
.btn-info.disabled,
.btn-info:disabled{
    background-color: var(--mb-primary) !important;
    border-color: var(--mb-primary) !important;
    color: #ffffff !important;
}
.btn-info:hover,
.btn-info.focus,
.btn-info:focus,
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active{
    background-color: var(--mb-primary-600) !important;
    border-color: var(--mb-primary-600) !important;
    color: #ffffff !important;
}
.btn-info:focus,
.btn-info.focus{
    box-shadow: 0 0 0 0.2rem rgba(240, 172, 172, .35) !important;
}

.bg-info{
    background-color: var(--mb-primary) !important;
}
.text-info{
    color: var(--mb-primary-700) !important;
}
.badge.bg-info{
    background-color: var(--mb-primary) !important;
    color: #ffffff !important;
}

/* Form focus */
.form-control:focus,
.form-select:focus{
    border-color: rgba(240, 172, 172, .65) !important;
    box-shadow: 0 0 0 0.2rem rgba(240, 172, 172, .18) !important;
}

/* Sidebar active + hover accents */
.page-sidebar .accordion-menu li.active-page > a{
    background: var(--mb-primary-soft) !important;
    color: var(--mb-text) !important;
}
.page-sidebar .accordion-menu li.active-page > a i{
    color: var(--mb-primary-700) !important;
}
.page-sidebar .accordion-menu li > a:hover{
    background: rgba(240, 172, 172, .12) !important;
}

/* Small accents used in tables/cards */
.tr-card-bg-info{
    background: rgba(240, 172, 172, .12) !important;
}