@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@400;600;900&display=swap');

/* Apply Lexend Semibold to all heading elements and Bootstrap heading classes */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Lexend', sans-serif;
    font-weight: 600;
}

/* Use Lexend for the Bootstrap body font */
:root {
    --bs-body-font-family: 'Lexend', sans-serif;
    --bs-font-sans-serif: 'Lexend', sans-serif;
    --bs-body-bg: #141414;
    --bs-primary: #008BA5;
    --bs-primary-rgb: 0, 139, 165;
    --bs-success-rgb: 19, 131, 28;
    --bs-success: rgba(var(--bs-success-rgb), 0.8);
    --bs-warning-rgb: 131, 52, 19;
    --bs-warning: rgba(var(--bs-warning-rgb), 0.8);
    --bs-danger-rgb: 130, 33, 33;
    --bs-danger: rgba(var(--bs-danger-rgb), 0.8);
    --bs-info-rgb: 33, 81, 130;
    --bs-info: rgba(var(--bs-info-rgb), 0.8);
}


body {
    font-family: 'Lexend', sans-serif;
}

/* Ensure primary buttons use the brand teal */
.btn-primary {
    --bs-btn-bg: #008BA5;
    --bs-btn-border-color: #008BA5;
    --bs-btn-hover-bg: #008BA5;
    --bs-btn-hover-border-color: #008BA5;
    --bs-btn-active-bg: #008BA5;
    --bs-btn-active-border-color: #008BA5;
}

/* Adjust switches to blend with background when off */
[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
    background-color: #141414;
}

[data-bs-theme=dark] .form-switch .form-check-input:checked {
    background-color: #008BA5;
    border-color: #141414;
}

/* Ensure .text-danger matches the brand danger colour */
.text-danger {
    color: var(--bs-danger) !important;
}