/* Shared typography for the storefront, account, agent and headquarters views.
   Keep component sizes and spacing; use one clean Chinese sans-serif family. */
:root {
  --font-ui: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", "Microsoft YaHei UI", "Segoe UI", Arial, sans-serif;
  --font-latin: var(--font-ui);
  --font-number: var(--font-ui);
}

html,
body,
body * {
  font-family: var(--font-ui) !important;
  letter-spacing: 0 !important;
}

body {
  font-weight: 400;
}

body :is(input, textarea, select, option, p, small, dd, td) {
  font-weight: 400;
}

body :is(button, label, summary, th) {
  font-weight: 500;
}

body :is(strong, b) {
  font-weight: 600;
}

body :is(h1, h2, h3, h4, h5, h6) {
  font-weight: 700 !important;
}

/* Navigation labels need the same visible weight in every screen. */
body :is(
  .sidebar-link,
  .sidebar-label,
  .catalog-tree-parent,
  .catalog-tree-children button,
  .catalog-tabs button,
  .catalog-market-copy strong,
  .market-option strong,
  .workspace-sidebar nav button,
  .workspace-subtabs button,
  .account-subtabs button,
  .cloud-auth-tabs button,
  .category-card strong
) {
  font-weight: 600 !important;
}

body .catalog-sidebar .sidebar-link b {
  font-weight: 400;
}

body :is(.sidebar-title strong, .spectral-copy strong, .beauty-art-copy > strong) {
  font-weight: 700 !important;
}

body :is(.product-title, .listed-product-title) {
  font-weight: 600 !important;
}

/* Align prices and account metrics without switching to a separate face. */
body :is(
  .price-line strong,
  .ui-product-price,
  .ops-metric strong,
  .dashboard-metrics strong,
  .account-metrics strong,
  .account-money,
  .wallet-amount,
  .wallet-table,
  .order-desk-table,
  .sidebar-link b
) {
  font-variant-numeric: tabular-nums;
}
