/* VS-Code-kompatible Variablen-Aliase (Phase 9)
 *
 * Phase 8 hatte hier eigene `--vscode-*` Werte — die Single Source of
 * Truth liegt jetzt in app.css (Phase 9). Diese Datei mappt die
 * `--vscode-*` Namen weiterhin auf die neuen Variablen, damit Phase-8-
 * Komponenten (DiffView, ToolCallCard, Message, ToolCardRead/Edit/...)
 * unveraendert weiterlaufen.
 */

:root {
	/* Backgrounds */
	--vscode-editor-background:              var(--bg-primary);
	--vscode-editor-foreground:              var(--text-primary);
	--vscode-sideBar-background:             var(--bg-secondary);
	--vscode-sideBarSectionHeader-background:var(--bg-tertiary);
	--vscode-titleBar-activeBackground:      var(--bg-secondary);
	--vscode-titleBar-activeForeground:      var(--text-primary);

	/* Inputs */
	--vscode-input-background:               var(--bg-input);
	--vscode-input-foreground:               var(--text-primary);
	--vscode-input-border:                   var(--border);

	/* Buttons */
	--vscode-button-background:              var(--accent);
	--vscode-button-foreground:              var(--accent-fg);
	--vscode-button-hoverBackground:         var(--accent-hover);
	--vscode-button-secondaryBackground:     var(--bg-tertiary);
	--vscode-button-secondaryHoverBackground: var(--bg-hover);

	/* Text */
	--vscode-foreground:                     var(--text-primary);
	--vscode-descriptionForeground:          var(--text-secondary);
	--vscode-disabledForeground:             var(--text-disabled);
	--vscode-focusBorder:                    var(--focus);

	/* Status */
	--vscode-errorForeground:                var(--status-error);
	--vscode-warningForeground:              var(--status-warning);
	--vscode-successForeground:              var(--status-success);

	/* Badges */
	--vscode-badge-background:               var(--bg-tertiary);
	--vscode-badge-foreground:               var(--text-primary);
	--vscode-progressBar-background:         var(--accent);
	--vscode-widget-shadow:                  rgba(0, 0, 0, 0.4);

	/* Diff */
	--vscode-diffEditor-insertedTextBackground: var(--diff-added-bg);
	--vscode-diffEditor-removedTextBackground:  var(--diff-removed-bg);
	--vscode-diffEditor-insertedLineBackground: rgba(106, 153, 85, 0.10);
	--vscode-diffEditor-removedLineBackground:  rgba(244, 135, 113, 0.10);

	/* Editor highlights */
	--vscode-editor-lineHighlightBackground: var(--bg-hover);
	--vscode-editorLineNumber-foreground:    var(--text-disabled);
	--vscode-editorLineNumber-activeForeground: var(--text-secondary);
	--vscode-editorIndentGuide-background:   var(--border);

	/* Terminal */
	--vscode-terminal-background:            var(--bg-primary);
	--vscode-terminal-foreground:            var(--text-primary);

	/* Listen */
	--vscode-list-hoverBackground:           var(--bg-hover);
	--vscode-list-activeSelectionBackground: var(--bg-selected);
	--vscode-list-inactiveSelectionBackground: var(--bg-tertiary);

	/* Scrollbar */
	--vscode-scrollbarSlider-background:        rgba(121, 121, 121, 0.4);
	--vscode-scrollbarSlider-hoverBackground:   rgba(100, 100, 100, 0.7);
	--vscode-scrollbarSlider-activeBackground:  rgba(191, 191, 191, 0.4);
}

/* Utility-Klassen aus Phase 8 — bleiben kompatibel */

.vscode-card {
	background: var(--bg-tertiary);
	border: 1px solid var(--border);
	border-radius: var(--r-md);
}

.vscode-card-accent {
	border-left: 3px solid var(--accent);
}

.vscode-card-accent.running {
	border-left-color: var(--accent);
	animation: pulse 1.6s ease-in-out infinite;
}

.vscode-card-accent.error {
	border-left-color: var(--status-error);
}

.vscode-card-accent.success {
	border-left-color: var(--status-success);
}

.vscode-mono {
	font-family: var(--font-mono);
	font-size: var(--fs-md);
	line-height: var(--lh-code);
}

.vscode-hint {
	color: var(--text-secondary);
	font-size: var(--fs-xs);
}

.vscode-badge {
	display: inline-flex;
	align-items: center;
	gap: var(--sp-1);
	background: var(--bg-tertiary);
	color: var(--text-primary);
	padding: 1px var(--sp-2);
	border-radius: 2px;
	font-size: var(--fs-xs);
	line-height: var(--lh-tight);
}

.vscode-badge.clickable {
	cursor: pointer;
	transition: background var(--dur-fast) var(--ease);
}

.vscode-badge.clickable:hover {
	background: var(--bg-hover);
}