:root {
    --logo-white: #FFFFFF;
    --logo-cream: #FFE6CD;
    --logo-gold: #F4C81A;
    --logo-red: #EC1721;
    --logo-burgundy: #AA1D27;
    --logo-burgundy-dark: #7E1119;
    --logo-ink: #2F1719;
}

body {
    color: var(--logo-ink);
    background: linear-gradient(180deg, #fff 0%, #fff 42%, rgba(255, 230, 205, .35) 100%);
}

/* Set padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column */
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

a {
    color: var(--logo-burgundy);
}

a:hover {
    color: var(--logo-red);
}

.text-cudo,
.text-primary {
    color: var(--logo-burgundy) !important;
}

.text-warning {
    color: var(--logo-gold) !important;
}

.text-danger {
    color: var(--logo-red) !important;
}

.bg-cudo,
.bg-primary {
    background-color: var(--logo-burgundy) !important;
}

.bg-warning {
    background-color: var(--logo-gold) !important;
}

.bg-danger {
    background-color: var(--logo-red) !important;
}

.bg-light {
    background-color: rgba(255, 230, 205, .45) !important;
}

.border-warning {
    border-color: var(--logo-gold) !important;
}

.border-primary {
    border-color: var(--logo-burgundy) !important;
}

.border-danger {
    border-color: var(--logo-red) !important;
}

.navbar {
    border-bottom: 3px solid var(--logo-gold);
}

.navbar-brand,
.navbar-brand:hover {
    color: var(--logo-burgundy) !important;
}

.nav-link {
    color: var(--logo-ink);
}

.nav-link:hover,
.nav-link:focus,
.nav-link.active {
    color: var(--logo-red) !important;
}

.btn-cudo,
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--logo-burgundy);
    --bs-btn-border-color: var(--logo-burgundy);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--logo-burgundy-dark);
    --bs-btn-hover-border-color: var(--logo-burgundy-dark);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--logo-burgundy-dark);
    --bs-btn-active-border-color: var(--logo-burgundy-dark);
    background-color: var(--logo-burgundy) !important;
    border-color: var(--logo-burgundy) !important;
}

.btn-warning {
    --bs-btn-color: var(--logo-ink);
    --bs-btn-bg: var(--logo-gold);
    --bs-btn-border-color: var(--logo-gold);
    --bs-btn-hover-color: var(--logo-white);
    --bs-btn-hover-bg: var(--logo-red);
    --bs-btn-hover-border-color: var(--logo-red);
    --bs-btn-active-color: var(--logo-white);
    --bs-btn-active-bg: var(--logo-burgundy);
    --bs-btn-active-border-color: var(--logo-burgundy);
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--logo-red);
    --bs-btn-border-color: var(--logo-red);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--logo-burgundy);
    --bs-btn-hover-border-color: var(--logo-burgundy);
}

.btn-outline-warning {
    --bs-btn-color: var(--logo-burgundy);
    --bs-btn-border-color: var(--logo-gold);
    --bs-btn-hover-color: var(--logo-ink);
    --bs-btn-hover-bg: var(--logo-gold);
    --bs-btn-hover-border-color: var(--logo-gold);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--logo-burgundy);
    --bs-btn-active-border-color: var(--logo-burgundy);
}

.btn-outline-primary {
    --bs-btn-color: var(--logo-burgundy);
    --bs-btn-border-color: var(--logo-burgundy);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--logo-burgundy);
    --bs-btn-hover-border-color: var(--logo-burgundy);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--logo-gold);
    box-shadow: 0 0 0 .25rem rgba(244, 200, 26, .25);
}

.card {
    border-color: rgba(170, 29, 39, .08);
}

.card-header.bg-warning,
.card-header.bg-primary {
    border-bottom: 3px solid rgba(170, 29, 39, .2) !important;
}

.product-card {
    border: 1px solid rgba(170, 29, 39, .08) !important;
}

.product-card:hover {
    box-shadow: 0 12px 30px rgba(170, 29, 39, .14) !important;
}

.quick-buy-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: .5rem;
}

.quick-buy-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: .5rem .625rem;
    line-height: 1.15;
    white-space: normal;
}

@media (max-width: 360px) {
    .quick-buy-actions {
        grid-template-columns: 1fr;
    }
}

.quick-buy-modal .form-control,
.quick-buy-modal .form-select,
.quick-buy-modal textarea {
    max-width: none;
}

.quick-buy-modal .modal-header {
    border-bottom-color: rgba(170, 29, 39, .12);
}

.dropdown-menu {
    border-top-color: var(--logo-gold) !important;
}

.badge.bg-danger {
    color: #fff;
}

footer.bg-dark {
    background: linear-gradient(135deg, var(--logo-burgundy-dark), var(--logo-burgundy)) !important;
}

footer .text-muted {
    color: rgba(255, 255, 255, .72) !important;
}

.sidebar .nav-link:hover {
    color: var(--logo-red) !important;
    background-color: rgba(255, 230, 205, .55) !important;
}

.sidebar .nav-link.active {
    color: #fff !important;
    background-color: var(--logo-burgundy) !important;
}

.admin-navbar,
header.navbar {
    background: linear-gradient(90deg, var(--logo-burgundy-dark), var(--logo-burgundy)) !important;
}

header.navbar .navbar-brand,
header.navbar .navbar-brand:hover {
    color: #fff !important;
}