/*brand.css*/

:root {
    --brand-primary: #FFFFFF;
    --brand-secondary: #000000;
}

/* Buttons (Syncfusion) */
.e-btn.e-primary, .e-css.e-btn.e-primary {
    background: var(--brand-primary);
    border-color: var(--brand-primary);
}

    .e-btn.e-primary:hover, .e-btn.e-primary:focus:hover {
        background: #fff;
        color: var(--brand-primary);
        border-color: var(--brand-primary);
    }

    .e-btn.e-primary:focus {
        background: var(--brand-primary);
        border-color: var(--brand-primary);
    }

/* Secondary outline */
.e-btn.e-secondary, .e-css.e-btn.e-secondary {
    background: #fff;
    color: var(--brand-primary);
    border-color: var(--brand-primary);
}

    .e-btn.e-secondary:hover, .e-btn.e-secondary:focus:hover {
        background: var(--brand-primary);
        color: #fff;
        border-color: var(--brand-primary);
    }

/* Quick utilities */
.bg-brand {
    background: var(--brand-primary) !important;
}

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

.border-brand {
    border-color: var(--brand-primary) !important;
}