/* Local fonts keep the same lettering and real weights on Windows and macOS.
   Inter Display: rsms.me/inter; Geist and JetBrains Mono: Google Fonts.
   Licences are included alongside the WOFF2 files. */
@font-face {
  font-family: "Geist Sans";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/assets/fonts/geist-sans-latin.woff2') format('woff2');
}
@font-face {
  font-family: "Geist Sans";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/assets/fonts/geist-sans-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter Display";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/inter-display-semibold.woff2') format('woff2');
}
@font-face {
  font-family: "Inter Display";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/inter-display-bold.woff2') format('woff2');
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url('/assets/fonts/jetbrains-mono-latin.woff2') format('woff2');
}
:root {
  --font-heading: "Inter Display", "Geist Sans", system-ui, sans-serif;
  --font-body: "Geist Sans", system-ui, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;
  font-family: var(--font-body);
  font-synthesis: none;
  text-rendering: auto;
}
html:root :is(body, button, input, select, textarea, kbd) {
  font-family: var(--font-body);
}
html:root body {
  font-weight: 400;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
html:root :is(h1, h2, h3, h4, h5, h6, .page-title, .loader-word) {
  font-family: var(--font-heading);
  font-weight: 600;
}
html:root :is(code, pre, .mono, .technical-info, [data-technical]),
html:root .timestamp-picker-code input,
html:root .dashboard-admin-id-line code {
  font-family: var(--font-mono);
  font-variant-ligatures: none;
  font-variant-numeric: tabular-nums;
}
/* Solid ink instead of clipped gradient lettering, including the wordmark. */
html:root .chrome-text,
html:root .brand b {
  color: var(--text, #f2f2f3);
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: currentColor;
  -webkit-text-stroke-width: 0;
}