@font-face {
  font-family: "OPPO Sans 4.0";
  src:
    url("public/fonts/oppo-sans-4.woff2") format("woff2"),
    local("OPPO Sans 4.0");
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
}

@font-face {
  font-family: "ABC Galapagos AC Trial";
  src:
    url("public/fonts/abc-galapagos-regular.otf") format("opentype"),
    local("ABC Galapagos AC Trial Regular"),
    local("ABCGalapagosACTrial-Regular"),
    local("ABC Galapagos AC Trial");
  font-style: normal;
  font-weight: 400;
  font-display: block;
}

@font-face {
  font-family: "ABC Galapagos AC Trial";
  src:
    url("public/fonts/abc-galapagos-semibold.otf") format("opentype"),
    local("ABC Galapagos AC Trial Semibold"),
    local("ABCGalapagosACTrial-Semibold"),
    local("ABC Galapagos AC Trial");
  font-style: normal;
  font-weight: 600;
  font-display: block;
}

@font-face {
  font-family: "Noto Sans HK";
  src:
    url("public/fonts/noto-sans-hk-vf.woff2") format("woff2"),
    local("Noto Sans HK");
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
}

:root {
  --font-sans: "OPPO Sans 4.0", Arial, sans-serif;
  --font-display: "ABC Galapagos AC Trial", "OPPO Sans 4.0", Arial, sans-serif;
  --font-zh: "Noto Sans HK", "OPPO Sans 4.0", sans-serif;
  /* Project rainbow palette: use these seven chromatic colours throughout the archive. */
  --rainbow-red: #f03e53;
  --rainbow-orange: #f35d27;
  --rainbow-yellow: #fff100;
  --rainbow-cyan: #00fbff;
  --rainbow-teal: #298b7f;
  --rainbow-blue: #3657b8;
  --rainbow-purple: #993370;
}

:lang(zh-HK),
.zh-hk { font-family: var(--font-zh); }

.project-wordmark {
  font-family: var(--font-display) !important;
  font-weight: 400 !important;
}

.project-subline {
  font-family: "OPPO Sans 4.0", Arial, sans-serif !important;
}