/* Shared typography for the landing page and application. */
:root{--font-ui:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-family:var(--font-ui);font-synthesis:none}
body{font-family:var(--font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:var(--font-ui)}
h1,h2,h3{font-family:var(--font-ui);font-weight:700;line-height:1.3}
button,.button,.cta,.nav-item{font-weight:600}
.cash-table-head>span,.cash-table-total,.cash-table-total strong,.cashflow-summary-card>span{font-weight:700!important}
.cash-table-body .cash-table-row>span{font-weight:400}
.cash-table-body .cash-table-row>strong{font-weight:600}
.cash-table-row>strong,.cash-table-total>strong,.cashflow-summary-card>strong,.amount,.metric-card>strong{font-variant-numeric:tabular-nums}
.transaction-row,.asset-row,.report-row{font-size:14px;line-height:1.5}
.field>span{font-size:13px;font-weight:600;line-height:1.5}
.field-help,.muted,.clarify{line-height:1.5}
.modal input,.modal select,.modal textarea{font-size:14px;line-height:1.5}
@media(max-width:820px){.modal input,.modal select,.modal textarea{font-size:16px}}