:root {
    /*
     * JIA People platform typography contract.
     * Productive work surfaces use the local system UI stack. The fixed English
     * wordmark is a vector asset, so application typography has one UI stack
     * and never waits on a third-party font service.
     */
    --jia-font-ui: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", Arial, sans-serif;
    --jia-font-sans: var(--jia-font-ui);
    --jia-type-display-size: 28px;
    --jia-type-display-line: 36px;
    --jia-type-page-size: 20px;
    --jia-type-page-line: 28px;
    --jia-type-section-size: 16px;
    --jia-type-section-line: 24px;
    --jia-type-body-size: 14px;
    --jia-type-body-line: 20px;
    --jia-type-compact-size: 13px;
    --jia-type-compact-line: 20px;
    --jia-type-meta-size: 12px;
    --jia-type-meta-line: 18px;
    --jia-type-micro-size: 11px;
    --jia-type-micro-line: 16px;
    --jia-weight-regular: 400;
    --jia-weight-medium: 500;
    --jia-weight-semibold: 600;
    --jia-weight-bold: 700;

    /* Default productive density. Expressive and touch-first surfaces opt out. */
    --jia-density-view-head: 56px;
    --jia-density-tabs: 44px;
    --jia-density-toolbar: 42px;
    --jia-density-table-head: 40px;
    --jia-density-table-row: 48px;
    --jia-density-control: 34px;
}

body,
button,
input,
select,
textarea {
    font-family: var(--jia-font-ui);
}