/* Lingxing-style typography policy shared by the platform and its workspaces. */
@layer platform-typography {
  :root {
    --ui-font-sans: Verdana, PingFangSC-Regular, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --ui-font-caption: 12px;
    --ui-font-small: 13px;
    --ui-font-body: 14px;
    --ui-font-section-title: 16px;
    --ui-font-subpage-title: 18px;
    --ui-font-page-title: 20px;
    --ui-font-metric: 24px;
    --ui-font-weight-regular: 400;
    --ui-font-weight-medium: 500;
    --ui-font-weight-semibold: 600;
    --ui-line-height-tight: 1.35;
    --ui-line-height-title: 1.4;
    --ui-line-height-body: 1.5;
    --ui-line-height-relaxed: 1.65;
    --ui-font-content: var(--ui-font-body);
    --ui-font-auxiliary: var(--ui-font-caption);
    --el-font-family: var(--ui-font-sans);
    --el-font-size-base: var(--ui-font-body);
    --el-font-size-small: var(--ui-font-small);
    --el-font-size-extra-small: var(--ui-font-caption);
    --el-font-size-medium: var(--ui-font-body);
    --el-font-size-large: var(--ui-font-section-title);
    --el-font-size-extra-large: var(--ui-font-page-title);
  }

  body {
    font-family: var(--ui-font-sans);
    font-size: var(--ui-font-body);
    font-weight: var(--ui-font-weight-regular);
    line-height: var(--ui-line-height-body);
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
  }
  body :is(button, input, select, textarea) { font: inherit; }

  body :is(h1, .page-title, [data-ui-text="page-title"]) {
    font-size: var(--ui-font-page-title) !important;
    font-weight: var(--ui-font-weight-semibold);
    line-height: var(--ui-line-height-tight);
  }

  body h2,
  body [data-ui-text="subpage-title"] {
    font-size: var(--ui-font-subpage-title) !important;
    font-weight: var(--ui-font-weight-semibold);
    line-height: var(--ui-line-height-title);
  }

  body :is(h3, h4, [role="heading"],
    .el-dialog__title, .el-drawer__title, .el-message-box__title,
    .panel__title, .section-title, .card-title,
    [data-ui-text="title"]) {
    font-size: var(--ui-font-section-title) !important;
    font-weight: var(--ui-font-weight-semibold);
    line-height: var(--ui-line-height-title);
  }
  body :is(h5, h6) { font-size: var(--ui-font-body); font-weight: var(--ui-font-weight-semibold); line-height: var(--ui-line-height-title); }
  body :is(h1, h2, h3, h4, h5, h6, [role="heading"],
    .el-dialog__title, .el-drawer__title, .el-message-box__title,
    .panel__title, .section-title, .page-title, .card-title,
    [data-ui-text="title"]) :where(span, strong, b, em, a) {
    font-size: inherit !important;
  }
  body [data-ui-text="content"], body [data-ui-text="content"] * {
    font-size: var(--ui-font-body) !important;
  }
  body [data-ui-text="auxiliary"], body [data-ui-text="auxiliary"] * {
    font-size: var(--ui-font-caption) !important;
  }
  body :is(table, time, .ui-number, [data-ui-text="number"]) { font-variant-numeric: tabular-nums lining-nums; }
}