/* One locally served typeface for the shell and API-backed modules. */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("./fonts/InterVariable.woff2") format("woff2");
}
body {
    font-family: var(--font-family-ui);
    font-size: var(--font-body);
    line-height: var(--line-body);
    font-optical-sizing: auto;
}
button, input, select, textarea { font-family: var(--font-family-ui); }
code, pre, .map-details-raw { font-family: var(--font-family-mono); }
::selection { background: var(--selection-bg); color: var(--selection-text); }
.analytics-summary-card strong, .stat-value, .subscription-quota,
.autopublisher-card strong { font-variant-numeric: tabular-nums; }
.agent-card-name, .agent-section-title, .coding-delivery-btn,
.boot-title, .tc-group-label, .emp-directory-group td, .emp-directory-group-card {
    font-weight: var(--weight-heading);
}
.employee-task, .agent-card-action, .transcriber-metadata-item, .map-details-row {
    line-height: var(--line-body);
}
/* Metadata is secondary by hierarchy, not by making it hard to read. */
.agent-file, .agent-event-time, .agent-dialogue-route, .coding-empty-note,
.coding-agent-settings-note, .coding-list-meta, .coding-task-heading span,
.autopublisher-status-note, .autopublisher-storage-card dt,
.transcriber-eyebrow, .transcriber-channel-count, .transcriber-metadata-item span,
.msg-sender .time, .tc-msg-time, .tc-group-label,
.analytics-chart-labels, .analytics-legend,
.outreach-eyebrow, .outreach-card-head span, .outreach-timeline-item time,
.outreach-list-toolbar > div > span, .outreach-filters label, .outreach-status,
.outreach-label, .outreach-task-actions, .outreach-draft-card header span,
.outreach-draft-card small, .outreach-draft-meta, .outreach-draft-actions,
.outreach-freshness, .outreach-detail-head small, .outreach-detail-stats span,
.outreach-section-head > span, .outreach-contact small, .outreach-help,
.outreach-conversation-card small, .outreach-workflow-card small,
.outreach-audit-item time, .outreach-task-progress small {
    font-size: var(--font-caption);
    line-height: var(--line-body);
}