@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('./ibm-plex-sans-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url('./ibm-plex-sans-latin-500-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('./ibm-plex-sans-latin-600-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('./ibm-plex-mono-latin-400-normal.woff2') format('woff2');
}
/*
 * The office's look (web/src/index.css): IBM Plex Sans and Mono from our own origin, near-black text and teal for
 * links and what is selected. Scalar's own theme is off (theme: 'none'); these are its CSS variables.
 */
:root {
  --scalar-font: 'IBM Plex Sans', system-ui, sans-serif;
  --scalar-font-code: 'IBM Plex Mono', ui-monospace, monospace;
  --scalar-radius: 0.375rem;
  --scalar-radius-lg: 0.5rem;
  --scalar-radius-xl: 0.75rem;
}
.light-mode {
  --scalar-color-1: #1b2228;
  --scalar-color-2: #3d4750;
  --scalar-color-3: #5b6670;
  --scalar-color-accent: #1f5f69;
  --scalar-background-1: #ffffff;
  --scalar-background-2: #f7f8fa;
  --scalar-background-3: #edeff2;
  --scalar-background-accent: #e3f0f2;
  --scalar-border-color: #e3e6ea;
  --scalar-color-green: #1d6b3d;
  --scalar-color-red: #b83324;
  --scalar-color-blue: #1f6f7b;
}
.dark-mode {
  --scalar-color-1: #e9edf0;
  --scalar-color-2: #b8c1c9;
  --scalar-color-3: #8a96a1;
  --scalar-color-accent: #6fc3cf;
  --scalar-background-1: #12171b;
  --scalar-background-2: #1b2228;
  --scalar-background-3: #252e35;
  --scalar-background-accent: #173c42;
  --scalar-border-color: #2c363e;
  --scalar-color-green: #5fbf85;
  --scalar-color-red: #e2766a;
  --scalar-color-blue: #6fc3cf;
}
.light-mode .t-doc__sidebar,
.dark-mode .t-doc__sidebar {
  --scalar-sidebar-color-active: var(--scalar-color-accent);
  --scalar-sidebar-item-active-background: var(--scalar-background-accent);
}