/* Auto-generated brand stylesheet. */
:root {
    --brand-color: #3584E4;
    --brand-text-color: #FFFFFF;
    --avatar-frame-color: #62A0EA;
    --brand-color-rgb: 53, 132, 228;
    --brand-color-dark: #2B6CBB;
    --brand-color-darker: #245A9B;
    --brand-color-soft: #EFF5FD;
    --brand-color-muted: #C2DAF7;
}

.brand-color,
.has-brand-color {
    color: var(--brand-color);
}

a.brand-color,
a.has-brand-color {
    color: inherit;
}

.brand-bg,
.has-brand-bg {
    background-color: var(--brand-color);
    color: var(--brand-text-color);
}

.brand-border,
.has-brand-border {
    border-color: var(--brand-color);
}

.brand-outline,
.has-brand-outline {
    box-shadow: 0 0 0 1px rgba(var(--brand-color-rgb), 0.14);
}