+/* Shared Blendex Workspace typography for production tool surfaces. */
:root {
  --workspace-font-ui: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  --workspace-font-value: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  --workspace-font-body-size: 13px;
  --workspace-font-body-weight: 500;
  --workspace-line-height-body: 1.4;
  --workspace-font-heading-size: 14px;
  --workspace-font-heading-weight: 700;
  --workspace-line-height-heading: 1.3;
  --workspace-font-eyebrow-size: 10px;
  --workspace-font-eyebrow-weight: 900;
  --workspace-line-height-eyebrow: 1.2;
  --workspace-eyebrow-letter-spacing: 0.08em;
  --workspace-font-rail-title-size: 12.5px;
  --workspace-font-rail-title-weight: 800;
  --workspace-line-height-rail-title: 1.25;
  --workspace-font-task-title-size: 14px;
  --workspace-font-task-title-weight: 900;
  --workspace-line-height-task-title: 1.25;
  --workspace-font-action-size: 11px;
  --workspace-font-action-weight: 800;
  --workspace-line-height-action: 1.2;
  --workspace-font-value-weight: 800;
}
body,
body .sidebar,
body .side,
body .main,
body .right,
body .dashboard,
body .dashboard-panel,
body .result,
body .results,
body .report,
body .report-content,
body .panel,
body .card,
body .section {
  font-family: var(--workspace-font-ui) !important;
  font-size: var(--workspace-font-body-size) !important;
  line-height: var(--workspace-line-height-body) !important;
  font-weight: var(--workspace-font-body-weight) !important;
}
body button,
body .btn,
body .tab,
body .chip,
body .badge,
body .pill {
  font-family: var(--workspace-font-ui) !important;
  font-size: var(--workspace-font-action-size) !important;
  line-height: var(--workspace-line-height-action) !important;
  font-weight: var(--workspace-font-action-weight) !important;
}
body h2,
body h3,
body h4,
body .dashboard h2,
body .dashboard h3,
body .dashboard h4,
body .report h2,
body .report h3,
body .report h4,
body .metric-card h3,
body .metric-card h4,
body .summary h3,
body .summary h4 {
  font-family: var(--workspace-font-ui) !important;
  font-size: var(--workspace-font-heading-size) !important;
  line-height: var(--workspace-line-height-heading) !important;
  font-weight: var(--workspace-font-heading-weight) !important;
}
body .workflow-step-title,
body .workflow b,
body .workflow-step b,
body .step b {
  font-family: var(--workspace-font-ui) !important;
  font-size: var(--workspace-font-rail-title-size) !important;
  line-height: var(--workspace-line-height-rail-title) !important;
  font-weight: var(--workspace-font-rail-title-weight) !important;
}
body .eyebrow,
body .kicker,
body .st,
body .section-eyebrow,
body .dashboard-eyebrow,
body .report-eyebrow {
  font-family: var(--workspace-font-ui) !important;
  font-size: var(--workspace-font-eyebrow-size) !important;
  line-height: var(--workspace-line-height-eyebrow) !important;
  font-weight: var(--workspace-font-eyebrow-weight) !important;
  letter-spacing: var(--workspace-eyebrow-letter-spacing) !important;
  text-transform: uppercase;
}
body textarea,
body .pasted-data,
body .data-value,
body .metric strong,
body .metric b,
body .metric-value,
body .metric-number,
body .stat-value,
body .statistic-value,
body .calculation-output,
body .numeric,
body [data-numeric="true"] {
  font-family: var(--workspace-font-value) !important;
}
body .metric-value,
body .metric-number,
body .stat-value,
body .statistic-value,
body .calculation-output,
body .numeric,
body [data-numeric="true"] {
  font-weight: var(--workspace-font-value-weight) !important;
}
