@import "tailwindcss";

@theme {
  --color-background: #1e1e1e;
  --color-foreground: #cccccc;
  --color-card: #252526;
  --color-card-foreground: #cccccc;
  --color-popover: #252526;
  --color-popover-foreground: #cccccc;
  --color-primary: #007acc;
  --color-primary-foreground: #ffffff;
  --color-secondary: #3c3c3c;
  --color-secondary-foreground: #cccccc;
  --color-muted: #2d2d2d;
  --color-muted-foreground: #969696;
  --color-accent: #04395e;
  --color-accent-foreground: #ffffff;
  --color-destructive: #f44747;
  --color-destructive-foreground: #ffffff;
  --color-border: #3c3c3c;
  --color-input: #3c3c3c;
  --color-ring: #007acc;
  --radius: 0.25rem;

  --color-sidebar-background: #252526;
  --color-sidebar-foreground: #cccccc;
  --color-sidebar-primary: #007acc;
  --color-sidebar-primary-foreground: #ffffff;
  --color-sidebar-accent: #37373d;
  --color-sidebar-accent-foreground: #cccccc;
  --color-sidebar-border: #3c3c3c;
  --color-sidebar-ring: #007acc;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: local('JetBrains Mono'), local('JetBrainsMono');
  font-display: swap;
}

html, body, #root {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: var(--color-background);
  color: var(--color-foreground);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 13px;
}

/* CodeMirror overrides - do not let Tailwind preflight break it */
.cm-editor {
  height: 100%;
  font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'Consolas', monospace;
}

.cm-editor .cm-scroller {
  font-family: inherit;
}

.cm-editor .cm-content {
  font-family: inherit;
}

.cm-editor.cm-focused {
  outline: none !important;
}

/* Search panel styling */
.cm-editor .cm-panels {
  background-color: #252526;
  border-bottom: 1px solid #3c3c3c;
}

.cm-editor .cm-panels input {
  background-color: #3c3c3c;
  color: #cccccc;
  border: 1px solid #3c3c3c;
  border-radius: 2px;
  padding: 2px 6px;
}

.cm-editor .cm-panels button {
  color: #cccccc;
  background: transparent;
  border: none;
  cursor: pointer;
}

.cm-editor .cm-panels button:hover {
  background-color: #3c3c3c;
}

/* Scrollbar styling */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #424242;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: #4f4f4f;
}

::-webkit-scrollbar-corner {
  background: transparent;
}
