:root {
  --color-1: #ffffff;
  --color-2: #08160e;
  --color-3: #143c28;
  --color-4: #000000;
  --color-5: #ececec;
  --font-family: "Aveda Sans", Arial, Verdana, sans-serif;

  --base-font-family: var(--font-family);
  --header-bg-color: var(--color-1);
  --desktop-header-logo-justify-content: center;
  --horizontal-divider-color: var(--color-5);
  --header-horizontal-divider-width: 2px;

  --body-bg-color: var(--color-1);
  --body-visit-msg-color: var(--color-2);
  --body-visit-msg-font-weight: 700;
  --body-brand-invite-font-weight: 300;
  --body-action-btn-font-weight: 300;
  --action-btn-color: var(--color-1);
  --action-btn-txt-color: var(--color-2);
  --body-button-text-transform: uppercase;
  --body-action-btn-border-color: 1px solid var(--color-2);
  --body-panel-brand-invite-color: var(--color-2);

  --footer-bg-color: var(--color-3);
  --footer-txt-color: var(--color-5);
}

@font-face {
  font-family: "Aveda Sans";
  src: url("../fonts/av/AvedaSans-Regular.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Aveda Sans";
  src: url("../fonts/av/AvedaSans-Bold.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "Aveda Sans";
  src: url("../fonts/av/AvedaSans-Light.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "Aveda Sans";
  src: url("../fonts/av/AvedaSans-RegularItalic.woff2") format("woff2");
  font-display: swap;
  font-style: italic;
  font-weight: 400;
}