:root {
  --navbar-height: 117px;
  --brand-logo-height: 60px;
  --logo-height: min(11vw, 60px);
  --c1: #6c8b08;
  --c2: #2b2202;
  --c3: #d5a007;
  --c4: #fbce6b;
  --c5: #f9e3b6;
  --c6: #0c6038;
  --c7: #003333;
  --c8: #ffffff;
  --c9: #fff6f9;
  --bg1: #f9e3b6;
  --bg2: #e8f7dd;
  --bg3: #ffffff;
  --bg4: #d5a007;
  /* --bg4: #fff8f5;
  --bg5: #ff99bd;
  --bg6: #986399; */
  --br1: #6c8b08;
  --br2: #2b2202;
  --br3: #d5a007;
  --br4: #6c8b08;
  --sh1: #959595;
  --sh2: var(--bs-box-shadow);
  --sh3: rgba(0,0,0,0.15);
}

:root {
  --vw: 1200px;
  --saw: 105px;
  --suw: 80px;
  --fuw: 40px;
}

:root {
  --header-bg: var(--c1);
  --topbar-bg: var(--bg2);
  --dark-text: var(--c2);
  --light-text: var(--c8);
}

@media screen and (min-width: 992px) {
  :root {
    --navbar-height: 100px;
  }
}