/* Final application typography contract. Loaded after every module stylesheet. */
:root{
  --margi-interface-stack:var(--margi-font-ui),"Roboto",Arial,sans-serif;
  --margi-display-stack:var(--margi-font-display),"Roboto",Georgia,serif;
}

body,button,input,select,textarea,
.nav-item,.sidebar-guide,.topbar,.filter-bar,.margi-dropdown-trigger,
.margi-dropdown-list,.empty,.empty.small,.margi-empty-state,.task-page-state,
table,th,td,.badge,.overview-row-tag,.overview-time-chip,
.notification-item,.preference-heading,.type-preference,.font-credit,
.record-property,.billing-editor-property,.modal-actions{
  font-family:var(--margi-interface-stack)!important;
  font-weight:var(--margi-font-ui-weight)!important;
  font-style:var(--margi-font-ui-style)!important;
  font-stretch:var(--margi-font-ui-width)!important;
}

h1,h2,#pageTitle,.margi-section-title,
.panel-head h3,.table-toolbar h3,.kanban-head h3,.task-stage-head h4,
.dashboard-welcome h2,.welcome-block h2,.client-hero h2,.client-detail-hero h2,
.modal-head h2,.record-editor .modal-head h2,.record-title-field input,
.record-title-field textarea,.event-detail-head h2,.utility-dialog-head h2,
.focus-dialog-head h2,.eye-rest-overlay h2,.calendar-title h2,
.kpi-value,.metric-value,.overview-goal-percent,.hero-number,
.timer-clock,.focus-clock,.time-entry-duration,.mobile-time-clock,
.mobile-time-totals strong,.mobile-primary-metric strong,
.crm-card-value strong,.crm-opportunity-value,.overview-chart strong,
.account-list .account>strong:last-child,.accounts-summary-card .account-list .account>strong:last-child,
.report-dialog-head h2,.report-create-card h2,.report-archive-card>h3,
.monthly-report-header h1,.monthly-report-summary strong,
.izibizi-preview-head h2,.izibizi-preview-total strong{
  font-family:var(--margi-display-stack)!important;
  font-weight:var(--margi-font-display-weight)!important;
  font-style:var(--margi-font-display-style)!important;
  font-stretch:var(--margi-font-display-width)!important;
}

/* Experimental display fonts do not all contain currency symbols. Roboto is the
   explicit glyph fallback so a missing symbol remains legible and consistent. */
.kpi-value,.metric-value,.crm-card-value strong,.crm-opportunity-value,
.account-list .account>strong:last-child,.monthly-report-summary strong{
  font-variant-numeric:lining-nums proportional-nums;
}