@import url("./chiron-brand.css");

/* Font and logo only. Existing page surfaces, sizing and motion stay upstream. */
@font-face {
  font-family: "ITC Avant Garde Gothic";
  src: url("../vendor/fonts/avant-garde-bold.otf") format("opentype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

/* The blog uses the earlier token names; retain its original type scale. */
:root,
html:lang(zh) {
  --sans: "ITC Avant Garde Gothic", "Chiron Hei HK Brand 2.609", "PingFang SC", "Microsoft YaHei", sans-serif;
  --display: var(--sans);
  --serif: var(--sans);
}

html { font-synthesis: none; }

/* The screenshot's live correction label is Chinese text, not raster editing. */
.brand-screenshot-label {
  font-family: "Chiron Hei HK Brand 2.609", "PingFang SC", sans-serif;
}

/* The former mono face needed negative punctuation margins. The supplied
 * proportional font does not: keep decimal points distinct from digits. */
.stat dt i { margin-inline: 0; }

/* Use the supplied vector paths and alpha unchanged, in each existing mark's colour. */
.pear-brand-lockup {
  --brand-logo-image: url("../assets/brand/logo-en-dark.svg");
  --brand-logo-ratio: 6.085;
  display: inline-block;
  width: calc(var(--brand-logo-height, 32px) * var(--brand-logo-ratio));
  height: var(--brand-logo-height, 32px);
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask: var(--brand-logo-image) center / contain no-repeat;
  mask: var(--brand-logo-image) center / contain no-repeat;
}
html:lang(zh) .pear-brand-lockup {
  --brand-logo-image: url("../assets/brand/logo-zh-dark.svg");
  --brand-logo-ratio: 4.415;
}
.pear-brand-lockup[data-logo-tone="light"] {
  --brand-logo-image: url("../assets/brand/logo-en-light.svg");
}
html:lang(zh) .pear-brand-lockup[data-logo-tone="light"] {
  --brand-logo-image: url("../assets/brand/logo-zh-light.svg");
}