@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@300;400;500&display=swap";
/* [project]/app/globals.css [app-client] (css) */
:root {
  --bg: #0a0a0a;
  --surface: #0f0f0f;
  --surface-2: #141414;
  --border: #1a1a1a;
  --border-2: #222;
  --wine: #8b0000;
  --wine-glow: #c41e3a;
  --green: #00ff9d;
  --green-dim: #00cc7a;
  --text: #d4d4d4;
  --text-dim: #4a4a4a;
  --text-muted: #2a2a2a;
  --font-ui: "Inter", sans-serif;
  --font-code: "JetBrains Mono", monospace;
  --radius: 4px;
  --radius-sm: 2px;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-ui);
  height: 100%;
  font-size: 14px;
  line-height: 1.6;
  overflow: hidden;
}

::-webkit-scrollbar {
  width: 4px;
}

::-webkit-scrollbar-track {
  background: var(--bg);
}

::-webkit-scrollbar-thumb {
  background: var(--border-2);
  border-radius: 2px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--wine);
}

::selection {
  background: var(--wine);
  color: var(--text);
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  cursor: pointer;
  font-family: var(--font-ui);
}

input, textarea {
  font-family: var(--font-ui);
}

code, pre {
  font-family: var(--font-code);
}

/*# sourceMappingURL=app_globals_0yg4wg8.css.map*/