@layer base {
  html {
    font-size: 15px;
  }

  html, body, #root {
    height: 100%;
  }

  body {
    font-family: 'JetBrains Mono', 'Outfit', ui-monospace, monospace;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: var(--color-bg);
  }

  ::selection {
    background: var(--color-accent-subtle);
    color: var(--color-strong);
  }

  ::-webkit-scrollbar { width: 6px; height: 6px; }
  ::-webkit-scrollbar-track { background: transparent; }
  ::-webkit-scrollbar-thumb {
    background: var(--color-border-2);
    border-radius: 9999px;
  }
  ::-webkit-scrollbar-thumb:hover { background: var(--color-border-hover); }

  :focus-visible {
    outline: 2px solid var(--color-accent);
    outline-offset: 2px;
  }
}

.echarts-tooltip {
  z-index: 9999 !important;
}
