:root{
    .btn-primary{
        --bs-btn-color: #fff;
        --bs-btn-bg: var(--ebram-tint);
        --bs-btn-border-color: var(--ebram-tint);

        --bs-btn-hover-bg: color-mix(in srgb, var(--ebram-tint) 90%, #000);
        --bs-btn-hover-border-color: color-mix(in srgb, var(--ebram-tint) 85%, #000);

        --bs-btn-active-bg: color-mix(in srgb, var(--ebram-tint) 80%, #000);
    }

    .btn-outline-primary{
        --bs-btn-color: var(--ebram-tint);
        --bs-btn-border-color: var(--ebram-tint);

        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: var(--ebram-tint);
        --bs-btn-hover-border-color: var(--ebram-tint);

        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: color-mix(in srgb, var(--ebram-tint) 90%, #000);
        --bs-btn-active-border-color: color-mix(in srgb, var(--ebram-tint) 85%, #000);
    }
}