/* Kinergon typography. Fonts are OFL - self-host or load from Google Fonts. */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;700&display=swap');

/* Plus Jakarta Sans - Headlines, hero statements, the wordmark itself */
/* Manrope - Body copy, UI labels, navigation, long-form */
/* Space Grotesk - Metrics, telemetry, tables, technical captions, code adjacent UI */
/* JetBrains Mono - Code, IDs, device identifiers, logs */

body {
  font-family: var(--kg-font-text, 'Manrope', 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif);
  font-size: var(--kg-text-base, 16px);
  line-height: var(--kg-leading-base, 1.6);
  font-feature-settings: "ss01", "cv01";
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, .kg-display {
  font-family: var(--kg-font-display, 'Plus Jakarta Sans', 'Segoe UI', system-ui, -apple-system, sans-serif);
  font-weight: 700;
}
h1 { font-size: var(--kg-text-5xl, 61px); line-height: 1.06; letter-spacing: -0.025em; }
h2 { font-size: var(--kg-text-4xl, 49px); line-height: 1.12; letter-spacing: -0.022em; }
h3 { font-size: var(--kg-text-3xl, 39px); line-height: 1.2; letter-spacing: -0.02em; }
h4 { font-size: var(--kg-text-2xl, 31px); line-height: 1.25; letter-spacing: -0.015em; }
h5 { font-size: var(--kg-text-xl, 25px); line-height: 1.35; letter-spacing: -0.01em; }
h6 { font-size: var(--kg-text-lg, 20px); line-height: 1.45; letter-spacing: -0.005em; }

/* numerals, telemetry, tables */
.kg-data, .kg-metric, table.kg tbody td {
  font-family: var(--kg-font-data, 'Space Grotesk', 'Manrope', ui-monospace, sans-serif);
  font-variant-numeric: tabular-nums;
}

/* the tagline lockup style */
.kg-tagline {
  font-family: var(--kg-font-display, 'Plus Jakarta Sans', 'Segoe UI', system-ui, -apple-system, sans-serif);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.85em;
  text-indent: 0.85em; /* balance the trailing letter-space */
}

/* eyebrow / overline labels */
.kg-eyebrow {
  font-family: var(--kg-font-data);
  font-size: var(--kg-text-xs, 12px);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.18em;
}