:root {
    --bs-body-color: #212529;
    --bs-primary: #2695ca;
    --bs-primary-rgb: 38, 149, 202;
    --bs-secondary: #611aef;
    --bs-secondary-rgb: 97, 26, 239;
    --bs-body-bg: #ffffff;
    --bs-body-font-family: Nunito, sans-serif;
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
}

body {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
}

body.bg-gray-100 {
    background-color: var(--bs-body-bg) !important;
}

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

.btn-secondary {
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
}

h1, h2, h3, h4, h5, h6 {
    font-family: Varela Round, sans-serif;
    font-weight: 400;
}