@font-face {
  font-family: "HONORSans-Light";
  src: url("/assets/fonts/HONORSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HONORSans-DemiBold";
  src: url("/assets/fonts/HONORSans-Demibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SourceHanSerifCN-Bold";
  src: url("/assets/fonts/SourceHanSerifCN-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SourceHanSansCN-Medium";
  src: url("/assets/fonts/SourceHanSans-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SourceHanSansCN-Light";
  src: url("/assets/fonts/SourceHanSans-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SourceHanSansCN-Regular";
  src: url("/assets/fonts/SourceHanSans-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-bg-page: #ffffff;
  --color-bg-topbar: #f6f6f6;
  --color-bg-footer: #f6f6f6;
  --color-text-main: #111111;
  --color-text-body: #5e5e5e;
  --color-text-muted: #5e5e5e;
  --color-text-subtle: #666666;
  --color-gold: #9d7a4e;
  --color-button-gold: #9d7a4e;
  --color-topbar-icon: #a78061;
  --color-line-footer: #a4a4a4;
  --color-line: #bfbfbf;

  --font-en: "HONORSans-Light", "Honor Sans", Arial, sans-serif;
  --font-en-semibold: "HONORSans-DemiBold", "Honor Sans", Arial, sans-serif;
  --font-serif-cn: "SourceHanSerifCN-Bold", "Source Han Serif CN", "Noto Serif SC", "Songti SC", serif;
  --font-sans-cn: "SourceHanSansCN-Regular", "Source Han Sans CN", "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --font-sans-cn-light: "SourceHanSansCN-Light", "Source Han Sans CN", "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --font-sans-cn-medium: "SourceHanSansCN-Medium", "Source Han Sans CN", "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --font-sans-cn-regular: "SourceHanSansCN-Regular", "Source Han Sans CN", "Noto Sans SC", "Microsoft YaHei", sans-serif;

  --page-padding: clamp(32px, 11.35vw, 218px);
  --content-max: 1484px;

  --header-padding-x: clamp(48px, 5vw, 96px);
  --header-topbar-height: 65px;
  --header-main-height: 100px;
  --header-logo-width: 174px;
  --header-nav-gap: 49px;
  --header-contact-width: 120px;
  --header-contact-height: 33px;

  --footer-bg: #f6f6f6;
  --footer-padding-x: clamp(48px, 11.4vw, 219px);
  --footer-content-max: 1482px;
  --footer-height: 407px;
  --footer-main-height: 351px;
  --footer-bottom-height: 56px;
  --footer-logo-width: var(--header-logo-width);
  --footer-nav-left: 702px;
  --footer-nav-top: 40px;
  --footer-social-left: 702px;
  --footer-social-top: 340px;
  --footer-nav-column-gap: 126px;
  --footer-icon-size: 16px;
  --footer-icon-box: 22px;
}