@theme {
  --color-shell-bg: #1e1e1e;
  --color-sidebar-bg: #252526;
  --color-activity-bg: #333333;
  --color-panel-bg: #1e1e1e;
  --color-tab-active-bg: #1e1e1e;
  --color-tab-inactive-bg: #2d2d2d;
  --color-focus-border: #007fd4;
  --color-input-bg: rgba(255, 255, 255, 0.06);
  --color-input-border: rgba(255, 255, 255, 0.12);
  --color-status-bg: #007acc;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --text-shell: 13px;
  --spacing-titlebar: 34px;
  --spacing-tabbar: 35px;
  --spacing-statusbar: 22px;
}

:root {
  --accent-color: #007acc;
  --accent-color-transparent: rgba(0, 122, 204, 0.25);
  --vscode-editor-background: #1e1e1e;
  --vscode-editor-foreground: #cccccc;
  --vscode-sideBar-background: #252526;
  --vscode-activityBar-background: #333333;
  --vscode-activityBar-foreground: #ffffff;
  --vscode-panel-background: #1e1e1e;
  --vscode-titleBar-activeBackground: #252526;
  --vscode-titleBar-activeForeground: #cccccc;
  --vscode-statusBar-background: #007acc;
  --vscode-statusBar-foreground: #ffffff;
  --vscode-tab-activeBackground: #1e1e1e;
  --vscode-tab-inactiveBackground: #2d2d2d;
  --vscode-tab-activeForeground: #ffffff;
  --vscode-tab-inactiveForeground: #969696;
  --vscode-editorGroupHeader-tabsBackground: #252526;
  --vscode-editorGroupHeader-tabsBorder: #1e1e1e;
  --vscode-toolbar-hoverBackground: rgba(90, 93, 94, 0.31);
  --vscode-toolbar-activeBackground: rgba(99, 102, 103, 0.31);
  --vscode-foreground: #cccccc;
  --vscode-descriptionForeground: #858585;
  --vscode-panel-border: #80808059;
  --vscode-sideBar-border: #80808059;
  --vscode-tab-border: #252526;
  --vscode-focusBorder: #007fd4;
  --vscode-input-background: rgba(255, 255, 255, 0.06);
  --vscode-input-border: rgba(255, 255, 255, 0.12);
  --vscode-list-hoverBackground: #2a2d2e;
  --vscode-list-activeSelectionBackground: #094771;
  --vscode-list-activeSelectionForeground: #ffffff;
  --vscode-activityBarBadge-background: #007acc;
  --vscode-activityBarBadge-foreground: #ffffff;
  --vscode-testing-iconPassed: #73c991;
  --vscode-editorWarning-foreground: #cca700;
  --vscode-input-foreground: #cccccc;
  --vscode-input-placeholderForeground: #a6a6a6;
  --vscode-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  --vscode-font-size: 13px;
  --panel-1: var(--vscode-editor-background);
  --panel-2: var(--vscode-sideBar-background);
  --panel-3: var(--vscode-input-background);
  --ink: var(--vscode-foreground);
  --line: var(--vscode-panel-border);
  --accent: var(--vscode-focusBorder);
  --accent-soft: var(--vscode-list-hoverBackground);
  --success: var(--vscode-testing-iconPassed);
  --sidebar-width: 280px;
  --assistant-width: 360px;
  color-scheme: dark;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  width: 100%;
  height: 100%;
  background: var(--vscode-editor-background);
  color: var(--vscode-foreground);
}

body {
  overflow: hidden;
  user-select: none;
  font-family: var(--vscode-font-family);
  font-size: var(--vscode-font-size);
}

body > [data-phx-session],
body > [data-phx-main] {
  width: 100%;
  height: 100%;
  min-height: 0;
}

button {
  font-family: var(--vscode-font-family);
  font-size: var(--vscode-font-size);
  color: var(--vscode-button-foreground);
  background-color: var(--vscode-button-background);
  border: none;
  padding: 6px 14px;
  cursor: pointer;
  border-radius: 2px;
}

button:hover {
  background-color: var(--vscode-button-hoverBackground);
}

button:focus {
  outline: 1px solid var(--vscode-focusBorder);
  outline-offset: 2px;
}

button.secondary {
  background-color: var(--vscode-button-secondaryBackground);
}

button.secondary:hover {
  background-color: #4a4d51;
}

button.compact {
  padding: 4px 8px;
  font-size: 12px;
}

button.primary {
  background-color: var(--vscode-button-background);
  font-weight: 500;
}

button.primary:hover {
  background-color: var(--vscode-button-hoverBackground);
}

button.success {
  background-color: #28a745;
}

button.success:hover {
  background-color: #218838;
}

button.danger {
  background-color: #dc3545;
}

button.danger:hover {
  background-color: #c82333;
}

button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

button svg,
button svg * {
  pointer-events: none;
}