/* One type scale for every feature, theme and modal. Display clocks stay distinct. */
body, dialog { font-size: var(--font-size-body); }
input, select, textarea { font-size: var(--font-size-input); line-height: 1.5; }
.btn, .btn-sm, .btn-ghost, .seg-btn,
dialog .btn, dialog .btn-sm, dialog .btn-ghost, dialog .seg-btn { font-size: var(--font-size-action); }
.field > span, dialog .field > span, .picker-label { font-size: var(--font-size-label); }
.picker-trigger, .select-trigger, .select-option,
.time-picker .picker-trigger [data-picker-value],
.time-picker .picker-manual input { font-size: var(--font-size-input); }
.card h3, dialog h3, .schedule-list-header h3,
.dashboard-task-area .schedule-list-header h3,
.focus-heading h3, .dashboard-section-head h3 { font-size: var(--font-size-section); }
.page-head h2, .dashboard-header h2 { font-size: var(--font-size-title); }
.event-detail-shell h3, .doc-dialog-body .doc-reader-title { font-size: var(--font-size-section); }
.task-title, .dashboard-task-area .task-title { font-size: var(--font-size-body); }