:root {
  --bora-wine: #622d3a;
  --bora-wine-dark: #4d202c;
  --bora-ivory: #f6ebdd;
  --bora-olive: #626746;
  --bora-gold: #bb986b;
  --bora-line: #e4d4c5;
}

body {
  background: #fffcf8;
  color: #34292b;
}

a { color: var(--bora-wine); }
a:hover { color: var(--bora-wine-dark); }

h1, h2, h3, .product-thumb h4 {
  color: var(--bora-wine);
  font-family: Georgia, serif;
}

#top {
  background: var(--bora-ivory);
  border-bottom-color: var(--bora-line);
}

#top .list-inline-item > a,
#top .list-inline-item .dropdown > span {
  color: var(--bora-wine);
}

header .row { align-items: center; }
#logo img { width: 190px; height: auto; }

#cart .dropdown-toggle {
  --bs-btn-bg: var(--bora-olive);
  --bs-btn-border-color: var(--bora-olive);
  --bs-btn-hover-bg: #515638;
  --bs-btn-hover-border-color: #515638;
  --bs-btn-active-bg: #515638;
  --bs-btn-active-border-color: #515638;
  --bs-btn-focus-shadow-rgb: 98, 103, 70;
}

#menu {
  background: var(--bora-wine);
  border-color: var(--bora-wine);
}

#column-left .list-group,
#column-right .list-group {
  --bs-list-group-active-bg: var(--bora-wine);
  --bs-list-group-active-border-color: var(--bora-wine);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bora-wine);
  --bs-btn-border-color: var(--bora-wine);
  --bs-btn-hover-bg: var(--bora-wine-dark);
  --bs-btn-hover-border-color: var(--bora-wine-dark);
  --bs-btn-active-bg: var(--bora-wine-dark);
  --bs-btn-active-border-color: var(--bora-wine-dark);
  --bs-btn-disabled-bg: var(--bora-wine);
  --bs-btn-disabled-border-color: var(--bora-wine);
  --bs-btn-focus-shadow-rgb: 98, 45, 58;
}

.bora-hero {
  margin-block: 1rem 2rem;
  padding: clamp(1.5rem, 5vw, 4rem);
  border: 1px solid var(--bora-gold);
  border-radius: 1rem;
  background: var(--bora-ivory);
}

.bora-hero h1 {
  max-width: 18ch;
  font-size: clamp(2rem, 5vw, 3.75rem);
  line-height: 1.05;
}

.bora-hero-label {
  color: var(--bora-olive);
  font-weight: 700;
}

.product-thumb {
  background: #fff;
  border-color: var(--bora-line);
  border-radius: .75rem;
}

.product-thumb .button button:hover {
  background: var(--bora-ivory);
  color: var(--bora-wine);
}

.bora-product-options {
  padding: 1rem;
  border: 1px solid var(--bora-line);
  border-radius: .75rem;
  background: #fff8ef;
}

.bora-product-options .form-label {
  color: var(--bora-wine);
  font-weight: 600;
}

.bora-product-options .form-check { margin-block: .5rem; }
.bora-product-options .form-check-label img { max-width: 3rem; }
.bora-product-options .form-check-input:checked {
  background-color: var(--bora-wine);
  border-color: var(--bora-wine);
}

footer { background: var(--bora-wine-dark); }

@media (max-width: 767px) {
  #logo { text-align: center; }
  #logo img { width: 160px; }
}
