:root {
    --cor-principal: #7c2ae8;
    --cor-principal-escura: #8b18d8;
    --cor-secundaria: #dde3ea;
    --cor-active: #e0d7f0;
    --cor-warning: #ffebe6;
    --cor-danger: #ffcbda;
    --cor-info: #88d3dd;
    --cor-success: #bfdfbbcc;

    --cor-texto: #606062;
    --cor-hover: #e4e8ec;
    --cor-hover-texto: #606062;
    --cor-borda: #dededf;
    --cor-fundo: #f8f9fa;
    --cor-primary: #36a9db;
    --cor-input: #f8f9fa;

    --cor-sidebar: #f0f4f9;
    --fonte-padrao: 'Poppins', sans-serif;
    --fonte-size-padrao: 14px;
}

body {
    background-color: var(--cor-fundo);
    color: var(--cor-texto);
    font-family: var(--fonte-padrao);
    font-weight: 500;
    font-size: var(--fonte-size-padrao);
}

.text-create {
    color: var(--cor-principal) !important;
}

.text-primary {
    color: var(--cor-primary) !important;
}

.bg-danger {
    background-color: var(--cor-danger) !important;
    color: black !important;
}

.bg-active {
    background-color: var(--cor-active) !important;
    color: black !important;
}

.bg-warning {
    background-color: var(--cor-warning) !important;
    color: black !important;
}

.bg-success {
    background-color: var(--cor-success) !important;
    color: white !important;
}

.bg-create {
    background-color: var(--cor-principal) !important;
    color: white !important;
}
.bg-danger-escura {
    background-color: su !important;
    color: white !important;
}
.bg-success-escura {
    background-color: rgb(15, 134, 45) !important;
    color: white !important;
}
.bg-primary {
    background-color: var(--cor-primary) !important;
    color: white !important;
}

hr {
    margin: 0px;
}