/*
 * Bootstrap 5.3 theme customization: muted button colors matching the light yellow background.
 * Overrides the CSS variables each .btn-* modifier exposes, so no Sass build is needed.
 * Must be loaded after bootstrap.min.css.
 */

body {
    background-color: #fdfce1;
}

/* Fixed photo background with a translucent tint of the base color (rgb of #fdfce1).
   A fixed pseudo-element is used because iOS Safari ignores background-attachment: fixed. */
body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background-image:
        linear-gradient(rgba(253, 252, 225, 0.8), rgba(253, 252, 225, 0.8)),
        url("background.jpg");
    background-size: cover;
    background-position: center;
    pointer-events: none;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #3f6e9e;
    --bs-btn-border-color: #3f6e9e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #355d86;
    --bs-btn-hover-border-color: #355d86;
    --bs-btn-focus-shadow-rgb: 63, 110, 158;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2c4e71;
    --bs-btn-active-border-color: #2c4e71;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #3f6e9e;
    --bs-btn-disabled-border-color: #3f6e9e;
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6f6a5c;
    --bs-btn-border-color: #6f6a5c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5e5a4e;
    --bs-btn-hover-border-color: #5e5a4e;
    --bs-btn-focus-shadow-rgb: 111, 106, 92;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4f4b41;
    --bs-btn-active-border-color: #4f4b41;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6f6a5c;
    --bs-btn-disabled-border-color: #6f6a5c;
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #467d52;
    --bs-btn-border-color: #467d52;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3b6a45;
    --bs-btn-hover-border-color: #3b6a45;
    --bs-btn-focus-shadow-rgb: 70, 125, 82;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #31583a;
    --bs-btn-active-border-color: #31583a;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #467d52;
    --bs-btn-disabled-border-color: #467d52;
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #b5504b;
    --bs-btn-border-color: #b5504b;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #9c4440;
    --bs-btn-hover-border-color: #9c4440;
    --bs-btn-focus-shadow-rgb: 181, 80, 75;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #833935;
    --bs-btn-active-border-color: #833935;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #b5504b;
    --bs-btn-disabled-border-color: #b5504b;
}

.btn-warning {
    --bs-btn-color: #3a2508;
    --bs-btn-bg: #e0a04a;
    --bs-btn-border-color: #e0a04a;
    --bs-btn-hover-color: #3a2508;
    --bs-btn-hover-bg: #cf903d;
    --bs-btn-hover-border-color: #cf903d;
    --bs-btn-focus-shadow-rgb: 224, 160, 74;
    --bs-btn-active-color: #3a2508;
    --bs-btn-active-bg: #bd8133;
    --bs-btn-active-border-color: #bd8133;
    --bs-btn-disabled-color: #3a2508;
    --bs-btn-disabled-bg: #e0a04a;
    --bs-btn-disabled-border-color: #e0a04a;
}

.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: #3f7d89;
    --bs-btn-border-color: #3f7d89;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #366b75;
    --bs-btn-hover-border-color: #366b75;
    --bs-btn-focus-shadow-rgb: 63, 125, 137;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2d5962;
    --bs-btn-active-border-color: #2d5962;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #3f7d89;
    --bs-btn-disabled-border-color: #3f7d89;
}

.btn-light {
    --bs-btn-color: #4a4636;
    --bs-btn-bg: #fffef5;
    --bs-btn-border-color: #ddd6b5;
    --bs-btn-hover-color: #4a4636;
    --bs-btn-hover-bg: #f3eed3;
    --bs-btn-hover-border-color: #cfc79f;
    --bs-btn-focus-shadow-rgb: 207, 199, 159;
    --bs-btn-active-color: #4a4636;
    --bs-btn-active-bg: #e9e2bf;
    --bs-btn-active-border-color: #cfc79f;
    --bs-btn-disabled-color: #4a4636;
    --bs-btn-disabled-bg: #fffef5;
    --bs-btn-disabled-border-color: #ddd6b5;
}

.btn-outline-primary {
    --bs-btn-color: #3f6e9e;
    --bs-btn-border-color: #3f6e9e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3f6e9e;
    --bs-btn-hover-border-color: #3f6e9e;
    --bs-btn-focus-shadow-rgb: 63, 110, 158;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #355d86;
    --bs-btn-active-border-color: #355d86;
    --bs-btn-disabled-color: #3f6e9e;
    --bs-btn-disabled-border-color: #3f6e9e;
}

.btn-outline-secondary {
    --bs-btn-color: #5f5a4b;
    --bs-btn-border-color: #bdb594;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6f6a5c;
    --bs-btn-hover-border-color: #6f6a5c;
    --bs-btn-focus-shadow-rgb: 111, 106, 92;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #5e5a4e;
    --bs-btn-active-border-color: #5e5a4e;
    --bs-btn-disabled-color: #5f5a4b;
    --bs-btn-disabled-border-color: #bdb594;
}

.btn-outline-success {
    --bs-btn-color: #467d52;
    --bs-btn-border-color: #467d52;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #467d52;
    --bs-btn-hover-border-color: #467d52;
    --bs-btn-focus-shadow-rgb: 70, 125, 82;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3b6a45;
    --bs-btn-active-border-color: #3b6a45;
    --bs-btn-disabled-color: #467d52;
    --bs-btn-disabled-border-color: #467d52;
}

.btn-outline-danger {
    --bs-btn-color: #b5504b;
    --bs-btn-border-color: #b5504b;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #b5504b;
    --bs-btn-hover-border-color: #b5504b;
    --bs-btn-focus-shadow-rgb: 181, 80, 75;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #9c4440;
    --bs-btn-active-border-color: #9c4440;
    --bs-btn-disabled-color: #b5504b;
    --bs-btn-disabled-border-color: #b5504b;
}

.btn-outline-warning {
    --bs-btn-color: #8a5a1c;
    --bs-btn-border-color: #e0a04a;
    --bs-btn-hover-color: #3a2508;
    --bs-btn-hover-bg: #e0a04a;
    --bs-btn-hover-border-color: #e0a04a;
    --bs-btn-focus-shadow-rgb: 224, 160, 74;
    --bs-btn-active-color: #3a2508;
    --bs-btn-active-bg: #cf903d;
    --bs-btn-active-border-color: #cf903d;
    --bs-btn-disabled-color: #8a5a1c;
    --bs-btn-disabled-border-color: #e0a04a;
}