/* bootstrap customisations - specified in <portal>/assets/styles/client.css[.clientcode] */

/* the client.css[.clientcode] should define the following CSS variables in :root
--client-primary
--client-primary-rgb
--client-active-bg
--client-secondary
*/

:root {
    --bs-primary: var(--client-primary);
    --bs-primary-rgb: var(--client-primary-rgb);
    --bs-success: var(--client-primary);
    --bs-link-color: var(--client-primary);
    --bs-link-color-rgb: var(--client-primary-rgb);
    --bs-link-hover-color-rgb: var(--client-primary-rgb);

    --bs-secondary: var(--client-secondary);
}

.btn-primary {
    --bs-btn-hover-bg: var(--client-active-bg);
    --bs-btn-active-bg: var(--client-active-bg);

    --bs-btn-disabled-bg: var(--client-primary);
    --bs-btn-disabled-border-color: var(--client-primary);
    --bs-btn-bg: var(--client-primary);
    --bs-btn-border-color: var(--client-primary);
}

.btn-outline-primary {
    --bs-btn-color: var(--client-primary);
    --bs-btn-border-color: var(--client-primary);
    --bs-btn-hover-bg: var(--client-primary);
    --bs-btn-hover-border-color: var(--client-primary);
    --bs-btn-active-bg: var(--client-primary);
    --bs-btn-active-border-color: var(--client-primary);
    --bs-btn-disabled-color: var(--client-primary);
    --bs-btn-disabled-border-color: var(--client-primary);
}

.dropdown-item {
    --bs-dropdown-link-active-bg: var(--client-active-bg);
}

.nav {
    --bs-nav-link-hover-color: var(--client-primary);
}

/* TODO: may need more definitions here for various bootstrap components */