:root {
    /*COLORS*/
    --primary: #2f6fce;
    --primary-dark: #275dad;
    --secondary:#415A77;
    --secondary-dark:#31445a;
    --success:#27ad77;
    --success-dark:#21825b;
    --warning:#ad7727;
    --warning-dark:#855c1f;
    --danger:#ad275d;
    --danger-dark:#801e45;
    --info:#ec5f9a;


    --gray: #2f3036;
    --snow: #fcf7f8ff;
    --plata: #aba9c3ff;
    --plata-hover: #767587;
    --azul-tecnologico: #204062;
    --hueso:#f8f9fa;

    /*CATEGORIAS*/
    --tramites:#1caa50;
    --mantenimiento:#1c2faa;
    --erp:#aa1c76;
    --diseno:#971caa;
    --instalaciones:#aa971c;


}

body {
    overflow-x: visible !important;
}

html {
    scroll-behavior: smooth;
}

.text-primary{
    color: var(--primary) !important;
}
.text-primary-dark{
    color: var(--primary-dark) !important;
}
.text-secondary{
    color: var(--secondary) !important;
}
.text-secondary-dark{
    color: var(--secondary-dark) !important;
}
.text-success{
    color: var(--success) !important;
}
.text-success-dark{
    color: var(--success-dark) !important;
}
.text-warning{
    color: var(--warning) !important;
}
.text-warning-dark{
    color: var(--warning-dark) !important;
}
.text-danger{
    color: var(--danger) !important;
}
.text-danger-dark{
    color: var(--danger-dark) !important;
}
.text-info{
    color: var(--info) !important;
}

.bg-info{
    background-color: var(--info) !important;
}

.bg-azul{
    background-color: var(--azul-tecnologico) !important;
}