:root {
  --color-1: #ffffff;
  --color-2: #000000;
  --font-family: "ano-regular", Helvetica, Arial, sans-serif;

  --header-bg-color: var(--color-1);
  --desktop-header-logo-height: 1rem;
  --body-bg-color: var(--color-2);
  --body-visit-msg-color: var(--color-1);
  --base-font-family: var(--font-family);
  --body-visit-msg-font-weight: 700;
  --body-brand-invite-font-weight: normal;
  --action-btn-color: var(--color-1);
  --action-btn-txt-color: var(--color-2);
  --body-button-text-transform: uppercase;
  --body-action-btn-radius: 10rem;
  --body-panel-brand-invite-color: var(--color-1);
  --body-action-btn-font-weight: 100;

  --footer-bg-color: var(--color-2);
  --footer-txt-color: var(--color-1);
}

@font-face {
  font-family: "ano-regular";
  src: url("../fonts/mc/AnoRegular-Regular.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "ano-regular";
  src: url("../fonts/mc/AnoBold-Regular.woff2") format("woff2");
  font-display: swap;
  font-style: bold;
  font-weight: 700;
}

@font-face {
  font-family: "ano-regular";
  src: url("../fonts/mc/AnoBlack-Regular.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 900;
}