/* *****************************************************************************
*
*  Logo
*
* ***************************************************************************** */


.bf-logo {

    .fill-brand {
        fill: var(--bf-color-brand);
    }

    .fill-neutral,
    .fill-highlight-on-reversed {
        fill: #000;
    }

    @at-root .reversed,
    &.reversed {
        .fill-neutral {
            fill: var(--bf-color-neutral-primary);
        }
        .fill-highlight-on-reversed {
            fill: var(--bf-color-highlight);
        }
    }
}