@font-face {
  font-family: "Inter SMAESH";
  src: url("/fonts/inter/InterVariable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans Condensed SMAESH";
  src: url("/fonts/ibm-plex/IBMPlexSansCondensed-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans Condensed SMAESH";
  src: url("/fonts/ibm-plex/IBMPlexSansCondensed-SemiBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono SMAESH";
  src: url("/fonts/ibm-plex/IBMPlexMono-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root {
  color-scheme: dark;
  --font-display: "Inter SMAESH", system-ui, sans-serif;
  --font-data: ui-monospace, SFMono-Regular, Consolas, monospace;
  --background: #02090b;
  --surface: #071316;
  --surface-raised: #0a1b1e;
  --text: #eef7f4;
  --muted: #a7bbbd;
  --line: #285157;
  --signal: #62e6dc;
  --attention: #f2b84b;
  --state-live: #62e6dc;
  --state-forecast: #9fd8ff;
  --state-syncing: #d6cb70;
  --state-degraded: #f2b84b;
  --state-unknown: #b4c2c4;
  --state-demo: #d6b8ff;
  --state-empty: #9aabad;
  --space-1: .5rem;
  --space-2: .75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.25rem;
  --space-6: 3.5rem;
  --space-7: 5.5rem;
  --content: 92rem;
  --motion-fast: 140ms;
  --motion-slow: 600ms;
}

:root[data-skin="r9"] {
  --font-display: "IBM Plex Sans Condensed SMAESH", system-ui, sans-serif;
  --font-data: "IBM Plex Mono SMAESH", ui-monospace, monospace;
  --background: #061019;
  --surface: #0a1d29;
  --surface-raised: #0d2635;
  --text: #eff8f8;
  --muted: #aec2c9;
  --line: #31586a;
  --signal: #57d6de;
  --state-live: #62e6dc;
  --state-forecast: #9fd8ff;
  --state-syncing: #e2d876;
  --state-degraded: #f2b84b;
  --state-unknown: #c0cdd0;
  --state-demo: #d9bfff;
  --state-empty: #9db0b5;
}