:root {
    /* Brand Primary */
    --primary: #766edd; /* main lavender */
    --primary-hover: #695fe0; /* hover (one step darker) */
    --primary-active: #5b50d9; /* active/pressed */
    --primary-light: #ecebff; /* subtle bg/chips */
    /* Hook Bootstrap to our palette */
    --bs-primary: var(--primary);
    --bs-primary-rgb: 118, 110, 221; /* rgb(#766edd) */
    --bs-link-color: var(--primary);
    --bs-link-hover-color: var(--primary-hover);
    /* Optional (Bootstrap 5.3 “subtle” tokens) */
    --bs-primary-text-emphasis: #3b36a6; /* readable darkened text on light bg */
    --bs-primary-bg-subtle: #ecebff;
    --bs-primary-border-subtle: #c9c6ff;
    /* Your semantic lights (unchanged, tweak if you like) */
    --secondary-light: #f3f4f6;
    --success-light: #e3f6e9;
    --danger-light: #f9d6d6;
    --warning-light: #fff4d6;
    --info-light: #e2effc;
    --dark-light: #e5e5e6;
    scroll-behavior: smooth;
}

/* Solid primary button */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--primary);
    --bs-btn-border-color: var(--primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--primary-hover);
    --bs-btn-hover-border-color: var(--primary-hover);
    --bs-btn-focus-shadow-rgb: 118, 110, 221; /* rgb(#766edd) */

    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primary-active);
    --bs-btn-active-border-color: var(--primary-active);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--primary);
    --bs-btn-disabled-border-color: var(--primary);
}

/* Outline primary button */
.btn-outline-primary {
    --bs-btn-color: var(--primary);
    --bs-btn-border-color: var(--primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--primary);
    --bs-btn-hover-border-color: var(--primary);
    --bs-btn-focus-shadow-rgb: 118, 110, 221; /* rgb(#766edd) */

    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primary);
    --bs-btn-active-border-color: var(--primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: var(--primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--primary);
    --bs-gradient: none;
}

/* Optional: keep outline-light white on hover (nice on purple cards) */
.btn-outline-light {
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: #fff;
}
.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: var(--primary); /* your lavender */
}
.nav-pills .nav-link {
color: var(--primary);
}

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

.form-check-input:checked {
    background-color: var(--primary);
    border-color: var(--primary);
}
.form-check-input:focus {
    border-color: var(--primary-hover);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), .25);
}

/* site.css */
#components-reconnect-modal,
#components-reconnect-modal.components-reconnect-hide,
#components-reconnect-modal.components-reconnect-show,
#components-reconnect-modal.components-reconnect-failed, .components-reconnect-modal {
    display: none !important;
}