@font-face {
  font-family: "Geist";
  src: url("/fonts/geist/Geist-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geist";
  src: url("/fonts/geist/Geist-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

:root {
  --font-body: "Geist", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Geist", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-wordmark: "Geist", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html,
body,
button,
input,
select,
textarea,
[contenteditable="true"] {
  font-family: var(--font-body) !important;
  font-synthesis-weight: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
}

h1,
h2,
h3,
h4,
h5,
h6,
.topbar-title,
.create-shell-title,
.card-title,
.section-title,
.panel-title,
.modal-title,
.page-title,
.landing-headline,
.hero-title,
.editor-title,
.preset-card-name,
.pipeline-title {
  font-family: var(--font-display) !important;
  letter-spacing: 0 !important;
}

.logo-word,
.wordmark,
.footer-logo span,
.wm-logo-word,
.brand-wordmark,
.sidebar-logo-word {
  font-family: var(--font-wordmark) !important;
}

button,
.btn,
.nav-item,
.pipeline-tab,
.feed-tab-btn,
.filter-pill,
.tag-chip,
.pill,
.badge,
.status,
.pipeline-status,
.pipeline-type,
.field-label,
label {
  letter-spacing: 0 !important;
}

input,
select,
textarea,
[contenteditable="true"] {
  line-height: 1.45 !important;
}

code,
pre,
kbd,
samp,
.code-block,
.feed-url,
.kol-scope-id,
.stat-value,
.ph-stat-val,
.ap-cell-val,
.metric-value,
.analytics-value,
.src-pill-count {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace !important;
  font-variant-numeric: tabular-nums;
}

.pipeline-empty,
.empty-state,
.empty-sub,
.empty-title {
  font-family: var(--font-body) !important;
}
