:root {
  --navbar-height: 117px;
  --brand-logo-height: 60px;
  --logo-height: min(11vw, 60px);
  --c1: #ff4d8b;
  --c2: #a42b2a;
  --c3: #15391f;
  --c4: #bc8250;
  --c5: #800000;
  --c6: #4b2f2e;
  --c7: #333333;
  --c8: #ffffff;
  --c9: #fff6f9;
  --c10: #7e4a7f;
  --bg1: #fff6f9;
  --bg2: #ffe6f1;
  --bg3: #faf0e6;
  --bg4: #fff8f5;
  --bg5: #ff99bd;
  --bg6: #986399;
  --br1: #cdcdcd;
  --br2: #ffb3cd;
  --br3: #986399;
  --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(--c7);
  --light-text: var(--c8);
}

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