@import url("./noto-sans-sc/index.css");

@font-face {
  font-family: "CQM Plex Sans";
  src: url("/static/core/fonts/ibm-plex-sans/IBMPlexSans-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "CQM Plex Sans";
  src: url("/static/core/fonts/ibm-plex-sans/IBMPlexSans-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "CQM Plex Sans";
  src: url("/static/core/fonts/ibm-plex-sans/IBMPlexSans-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "CQM Plex Sans";
  src: url("/static/core/fonts/ibm-plex-sans/IBMPlexSans-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "CQM Plex SC";
  src: url("/static/core/fonts/ibm-plex-sans-sc/IBMPlexSansSC-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "CQM Plex SC";
  src: url("/static/core/fonts/ibm-plex-sans-sc/IBMPlexSansSC-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "CQM Plex SC";
  src: url("/static/core/fonts/ibm-plex-sans-sc/IBMPlexSansSC-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "CQM Plex SC";
  src: url("/static/core/fonts/ibm-plex-sans-sc/IBMPlexSansSC-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --cqm-font-ui: "CQM Plex SC", "CQM Plex Sans", "Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei UI", Arial, sans-serif;
  --cqm-font-latin: "CQM Plex Sans", "CQM Plex SC", Arial, sans-serif;
  --cqm-font-noto: "Noto Sans SC Variable", "Noto Sans SC", "CQM Plex SC", "CQM Plex Sans", "Source Han Sans SC", "PingFang SC", Arial, sans-serif;
  --cqm-font-display-stack: var(--cqm-font-ui);
  --cqm-font-heading: var(--cqm-font-ui);
}

:where(h1, h2, h3, h4, h5, h6, .editor-brand strong, .rail-title strong, .tray-section strong, .studio-panel__head h2, .product-builder-title) {
  font-family: var(--cqm-font-heading);
  letter-spacing: 0;
}