@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Instrument+Sans:wght@500;600;700&family=Instrument+Serif:ital@0;1&family=Source+Sans+3:wght@400;500;600&display=swap");

:root {
  --tb-paper: #ffffff;
  --tb-mist: #f8f9fa;
  --tb-ink: #111111;
  --tb-steel: #52525b;
  --tb-navy: #0a2540;
  --tb-brand: #086ad7;
  --tb-crimson: #c71324;
  --tb-line: #e4e4e7;
  --tb-font-display: "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  --tb-font-body: "Source Sans 3", ui-sans-serif, system-ui, sans-serif;
  --tb-font-serif: "Instrument Serif", ui-serif, Georgia, serif;
  --tb-font-mono: "IBM Plex Mono", ui-monospace, monospace;
}

body {
  background: var(--tb-paper);
  color: var(--tb-ink);
  font-family: var(--tb-font-body);
  -webkit-font-smoothing: antialiased;
}

.tb-display {
  font-family: var(--tb-font-display);
  letter-spacing: -0.045em;
}

.tb-serif {
  font-family: var(--tb-font-serif);
  font-style: italic;
  font-weight: 400;
}

.tb-mono {
  font-family: var(--tb-font-mono);
}

::selection {
  background: var(--tb-brand);
  color: #fff;
}