/*
 * BREVIO_SPACE_COLOR_DECOUPLE_V2
 *
 * A cor 6 dos Espaços é o roxo próprio do recurso.
 * Ela não acompanha a cor de destaque global do Brevio.
 */

.bg-space-purple {
    background-color: #7b60fb !important;
}

.badge-space-purple {
    background-color: rgba(123, 96, 251, .2);
    color: #522efa;
}

a.badge-space-purple:hover,
a.badge-space-purple:focus {
    background-color: rgba(123, 96, 251, .4);
    color: #522efa;
}

a.badge-space-purple:focus {
    outline: 0;
    box-shadow:
        0 0 0 .2rem
        rgba(123, 96, 251, .5);
}

html.dark .bg-space-purple {
    background-color: #ad9cfd !important;
}

html.dark .badge-space-purple {
    background-color: rgba(173, 156, 253, .2);
    color: #d6cdfe;
}

html.dark a.badge-space-purple:hover,
html.dark a.badge-space-purple:focus {
    background-color: rgba(173, 156, 253, .4);
    color: #d6cdfe;
}