:root {
    --font-display: "Iansui", "Noto Serif TC", "PMingLiU", serif;
    --font-ui: "IBM Plex Sans TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;
    --font-data: "Manrope", "IBM Plex Sans TC", "Noto Sans TC", sans-serif;
}

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

body.transactions-page,
body.statistics-body {
    font-family: var(--font-ui);
}

h1,
h2,
.page-title,
.transaction-cover .page-title,
.transaction-cover .page-title em,
.masthead .page-title,
.atlas-intro h2,
.capital-title h2,
.holdings-heading h2,
.ledger-title h2,
.hero-copy h1,
.hero-copy h1 em,
.section-heading h2,
.data-audit h2 {
    font-family: var(--font-display);
    font-style: normal;
}

.kpi-value,
.goal-value strong,
.capital-readout strong,
.holdings-summary-value,
.broker-total,
.stock-card-price .num,
.stock-card-main-val,
.stock-card-stats .stat-val,
.transactions-page .s-value,
.overview-strip strong,
.editorial-metric strong,
.signal-value,
.table-wrap td.amount-positive,
.table-wrap td.amount-negative {
    font-family: var(--font-data);
    font-variant-numeric: tabular-nums lining-nums;
}