:root {
    --primary: #f5c623;
    --primary-dark: #d3a514;
    --primary-light: #ffe084;
    --primary-contrast: #1d1500;
    --bg-soft: #F8F5F4;
}

body {
    background-color: var(--bg-soft);
}

.btn-primary,
.btn.btn-primary,
.btn-danger,
.btn.btn-danger {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--primary-contrast);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-danger:hover,
.btn-danger:focus {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
    color: var(--primary-contrast);
}

.btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--primary-contrast);
}

.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary:active,
.show > .btn-outline-primary.dropdown-toggle {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--primary-contrast);
}

.text-primary,
.text-danger {
    color: var(--primary) !important;
}

.bg-primary,
.bg-danger {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--primary-contrast) !important;
}