/* NavajoWhite theme */
:root {
    --tile-action-bg: #e4ebe1;
    --tile-action-border: #b7c9b0;
    --tile-context-bg: #e5eaf1;
    --tile-context-border: #bbc9d9;
    --bs-body-bg: #ffdead;
    --bs-body-color: #3b2a1b;
    --bs-body-color-rgb: 59, 42, 27;
    --bs-primary: #95541c;
    --bs-primary-rgb: 149, 84, 28;
    --bs-primary-hover: #713c12;
    --bs-secondary: #70513a;
    --bs-secondary-rgb: 112, 81, 58;
    --bs-tertiary-bg: #fff7eb;
    --bs-secondary-bg: #ffe8c5;
    --bs-border-color: #d9af7b;
    --bs-border-color-translucent: rgba(154, 99, 48, 0.35);
    --bs-success: #287845;
    --bs-warning: #b86c12;
    --bs-danger: #b33932;
    --bs-info: #246c80;
}

body {
    background-color: #ffdead;
    color: var(--bs-body-color);
}

.navbar,
.card,
.modal-content,
.dropdown-menu {
    background-color: #fff9f0 !important;
    border-color: var(--bs-border-color);
}

.card-header,
.modal-header,
.modal-footer {
    background-color: #ffe8c5 !important;
    border-color: var(--bs-border-color);
}

.table {
    --bs-table-bg: transparent;
    --bs-table-color: var(--bs-body-color);
    border-color: var(--bs-border-color);
}

.table-light,
.table > thead {
    background-color: #ffe8c5 !important;
    color: #51361f;
}

.form-control,
.form-select {
    background-color: #fffdf9;
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem rgba(149, 84, 28, 0.2);
}

pre, code, kbd {
    background-color: #fff1da;
    color: #51361f;
    border: 1px solid var(--bs-border-color);
    border-radius: 4px;
}