:root {
    --bs-primary: #51829B;
    --bs-btn-primary: #51829B;
    --bs-alert: #F6995C;
    --bs-secondary: #9BB0C1;
    --bs-danger: #D45D79;

    --event-day: #ca6702ff;
    --event-children: #227c9d;
    --event-category: #326e55;
    --event-signed-up: #3E8E7E;
    --event-signed-in: #0e9594;
    --event-accounting: #3C70A4;

}

html, html[data-bs-theme="light"] {
    --bs-body-bg: #f4f6f8;
}

body {
    --bs-font-size: 0.9rem;

    font-family: 'Montserrat', Times, serif;
}

a {
    color: unset;
    text-decoration: unset;
}


.bi {
    vertical-align: -.125em;
    fill: currentColor;
}

.btn {
    --bs-btn-font-size: 0.9rem;
}

.btn-h {
    height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    display: grid;
    place-items: center;
}


.card-icon {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .45rem;
}

.card-header {
    font-variant: small-caps;
    font-weight: 500;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-btn-primary);
    --bs-btn-border-color: var(--bs-btn-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-btn-primary);
    --bs-btn-hover-border-color: var(--bs-btn-primary);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-btn-primary);
    --bs-btn-active-border-color: var(--bs-btn-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-btn-primary);
    --bs-btn-disabled-border-color: var(--bs-btn-primary);
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-btn-primary);
    --bs-btn-border-color: var(--bs-btn-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-btn-primary);
    --bs-btn-hover-border-color: var(--bs-btn-primary);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-btn-primary);
    --bs-btn-active-border-color: var(--bs-btn-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-btn-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-btn-primary);
    --bs-gradient: none;
}

.text-bg-primary {
    color: #fff !important;
    background-color: var(--bs-btn-primary) !important;
}


.btn-outline-danger {
    --bs-btn-color: var(--bs-danger);
    --bs-btn-border-color: var(--bs-danger);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-danger);
    --bs-btn-hover-border-color: var(--bs-danger);
    --bs-btn-focus-shadow-rgb: 220, 53, 69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-danger);
    --bs-btn-active-border-color: var(--bs-danger);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-danger);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-danger);
    --bs-gradient: none;
}