/* ClearLink — unified typography tokens (mobile + desktop) */

:root {
  --font-stack-sans: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
    "HarmonyOS Sans SC", "MiSans", "Noto Sans CJK SC", sans-serif;
  --font-stack-brand: "Cormorant Garamond", "Times New Roman", "Noto Serif SC", Georgia,
    "Songti SC", "STSong", serif;
  --font-text: var(--font-stack-sans);
  --font: var(--font-text);
  --font-display: var(--font-stack-brand);
  --font-nav: var(--font-text);
  --font-serif: var(--font-text);
  --edge-typeface: var(--font-text);
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
}

body {
  font-synthesis: none;
  font-variant-ligatures: common-ligatures;
}

button,
input,
select,
textarea,
.button {
  font-family: inherit;
  font-synthesis: none;
}

.brand-label,
.m-brand-label,
.footer-brand .brand-label,
.m-footer-brand .m-brand-label {
  font-family: var(--font-display);
}