:root {
  --black: #000000;
  --white: #ffffff;
  --wine-berry: #3a1537;
  --chatelle: #b9adbb;
  --vida-loca: #4d8414;
  --boulder: #797979;
  --galliano: #caa10d;
  --wild-berry: #930302;
  --valencia: #d74335;
  --rajah: #fab169;
  --salesforce-blue: #0070d2;
  --slate-grey: #d6d6d6;
  --grey-6: #f6f6f6;
  --red: #df0106;
  --dark-grey: #424242;
  --light-grey: #dddbda;
  --primary-btn-green: #4a7f1b;
  --mufg-Red: #e60000;
  --font-size-small: 13px;
  --font-size-small-2: 14px;
  --font-size-mid: 17px;
  --font-size-mid-2: 17px;
  --font-size-mid-8: 22px;
  --font-size-mid-9: 22px;
  --font-size-mid-10: 24px;
  --font-size-large: 28px;
  --chat-height: 500px;
  --header-height: 143px;
}

* {
  font-family: system-ui, sans-serif;
}

@font-face {
  font-family: Archer;
  src: url(/sfsites/c/resource/CcAssets/fonts/Archer-Font/ArcherPro-Medium.otf?orgId=00DE0000000aKZy);
}

@font-face {
  font-family: Archer-bold;
  src: url(/sfsites/c/resource/CcAssets/fonts/Archer-Font/ArcherPro-Bold_0.otf?orgId=00DE0000000aKZy);
  font-display: block;
}

@font-face {
  font-family: Archer-light;
  src: url(/sfsites/c/resource/CcAssets/fonts/Archer-Font/ArcherPro-Light_0.otf?orgId=00DE0000000aKZy);
  font-display: block;
}

.btn-primary {
  width: 100%;
  margin: 0px;
}

.btn-primary button {
  background-color: var(--wine-berry);
  width: 100%;
  color: var(--white);
  border-radius: 7px;
  font-size: var(--font-size-small);
  justify-content: center;
  height: 43px;
}

.btn-primary button:hover {
  color: var(--white);
}