/* Palette sombre, accents chauds. Responsive + typographie propre */
:root {
  --bg: #0f0f10;
  --card: #111214cc;
  --muted: #bfc3c6;
  --accent: #d9a85b; /* warm gold */
  --glass: rgba(255, 255, 255, 0.04);
  --progressBar-background : #0078d4;
  --activityWarningBadge-background: #cca700;
  --max-width: 1100px;
  --actionBar-toggledBackground: #383a49;
  --activityBar-activeBorder: #0078d4;
  --editorGutter-addedBackground: #2ea043;
  --akther: #369432;
  --editorGutter-deletedBackground: #f85149;
  --editorGutter-modifiedBackground: #0078d4;
	--chat-editedFileForeground: #e2c08d;
	/* --activityBar.background": "#181818",
	--activityBar.border": "#2b2b2b",
	--activityBar.foreground": "#d7d7d7",
	--activityBar.inactiveForeground": "#868686",
	--activityBarBadge.background": "#0078d4",
	--activityBarBadge.foreground": "#ffffff",
	--badge.background": "#616161",
	--badge.foreground": "#f8f8f8",
	--button.background": "#0078d4",
	--button.border": "#ffffff12",
	--button.foreground": "#ffffff",
	--button.hoverBackground": "#026ec1",
	--button.secondaryBackground": "#313131",
	--button.secondaryForeground": "#cccccc",
	--button.secondaryHoverBackground": "#3c3c3c",
	--chat.editedFileForeground": "#e2c08d",
	--chat.slashCommandBackground": "#26477866",
	--chat.slashCommandForeground": "#85b6ff",
	--checkbox.background": "#313131",
	--checkbox.border": "#3c3c3c",
	--debugToolBar.background": "#181818",
	--descriptionForeground": "#9d9d9d",
	--dropdown.background": "#313131",
	--dropdown.border": "#3c3c3c",
		"dropdown.foreground": "#cccccc",
		"dropdown.listBackground": "#1f1f1f",
		"editor.background": "#1f1f1f",
		"editor.findMatchBackground": "#9e6a03",
		"editor.foreground": "#cccccc",
		"editor.inactiveSelectionBackground": "#3a3d41",
		"editor.selectionHighlightBackground": "#add6ff26",
		"editorGroup.border": "#ffffff17",
		"editorGroupHeader.tabsBackground": "#181818",
		"editorGroupHeader.tabsBorder": "#2b2b2b",
		"editorGutter.addedBackground": "#2ea043",
		"editorGutter.deletedBackground": "#f85149",
		"editorGutter.modifiedBackground": "#0078d4",
		"editorIndentGuide.activeBackground1": "#707070",
		"editorIndentGuide.background1": "#404040",
		"editorLineNumber.activeForeground": "#cccccc",
		"editorLineNumber.foreground": "#6e7681",
		"editorOverviewRuler.border": "#010409",
		"editorWidget.background": "#202020",
		"errorForeground": "#f85149",
		"focusBorder": "#0078d4",
		"foreground": "#cccccc",
		"icon.foreground": "#cccccc",
		"input.background": "#313131",
		"input.border": "#3c3c3c",
		"input.foreground": "#cccccc",
		"input.placeholderForeground": "#989898",
		"inputOption.activeBackground": "#2489db82",
		"inputOption.activeBorder": "#2488db",
		"keybindingLabel.foreground": "#cccccc",
		"list.activeSelectionIconForeground": "#ffffff",
		"list.dropBackground": "#383b3d",
		"menu.background": "#1f1f1f",
		"menu.border": "#454545",
		"menu.foreground": "#cccccc",
		"menu.selectionBackground": "#0078d4",
		"menu.separatorBackground": "#454545",
		"notificationCenterHeader.background": "#1f1f1f",
		"notificationCenterHeader.foreground": "#cccccc",
		"notifications.background": "#1f1f1f",
		"notifications.border": "#2b2b2b",
		"notifications.foreground": "#cccccc",
		"panel.background": "#181818",
		"panel.border": "#2b2b2b",
		"panelInput.border": "#2b2b2b",
		"panelTitle.activeBorder": "#0078d4",
		"panelTitle.activeForeground": "#cccccc",
		"panelTitle.inactiveForeground": "#9d9d9d",
		"peekViewEditor.background": "#1f1f1f",
		"peekViewEditor.matchHighlightBackground": "#bb800966",
		"peekViewResult.background": "#1f1f1f",
		"peekViewResult.matchHighlightBackground": "#bb800966",
		"pickerGroup.border": "#3c3c3c",
		"ports.iconRunningProcessForeground": "#369432",
		"progressBar.background": "#0078d4",
		"quickInput.background": "#222222",
		"quickInput.foreground": "#cccccc",
		"settings.dropdownBackground": "#313131",
		"settings.dropdownBorder": "#3c3c3c",
		"settings.headerForeground": "#ffffff",
		"settings.modifiedItemIndicator": "#bb800966",
		"sideBar.background": "#181818",
		"sideBar.border": "#2b2b2b",
		"sideBar.foreground": "#cccccc",
		"sideBarSectionHeader.background": "#181818",
		"sideBarSectionHeader.border": "#2b2b2b",
		"sideBarSectionHeader.foreground": "#cccccc",
		"sideBarTitle.foreground": "#cccccc",
		"statusBar.background": "#181818",
		"statusBar.border": "#2b2b2b",
		"statusBar.debuggingBackground": "#0078d4",
		"statusBar.debuggingForeground": "#ffffff",
		"statusBar.focusBorder": "#0078d4",
		"statusBar.foreground": "#cccccc",
		"statusBar.noFolderBackground": "#1f1f1f",
		"statusBarItem.focusBorder": "#0078d4",
		"statusBarItem.prominentBackground": "#6e768166",
		"statusBarItem.remoteBackground": "#0078d4",
		"statusBarItem.remoteForeground": "#ffffff",
		"tab.activeBackground": "#1f1f1f",
		"tab.activeBorder": "#1f1f1f",
		"tab.activeBorderTop": "#0078d4",
		"tab.activeForeground": "#ffffff",
		"tab.border": "#2b2b2b",
		"tab.hoverBackground": "#1f1f1f",
		"tab.inactiveBackground": "#181818",
		"tab.inactiveForeground": "#9d9d9d",
		"tab.lastPinnedBorder": "#cccccc33",
		"tab.selectedBackground": "#222222",
		"tab.selectedBorderTop": "#6caddf",
		"tab.selectedForeground": "#ffffffa0",
		"tab.unfocusedActiveBorder": "#1f1f1f",
		"tab.unfocusedActiveBorderTop": "#2b2b2b",
		"tab.unfocusedHoverBackground": "#1f1f1f",
		"terminal.foreground": "#cccccc",
		"terminal.inactiveSelectionBackground": "#3a3d41",
		"terminal.tab.activeBorder": "#0078d4",
		"textBlockQuote.background": "#2b2b2b",
		"textBlockQuote.border": "#616161",
		"textCodeBlock.background": "#2b2b2b",
		"textLink.activeForeground": "#4daafc",
		"textLink.foreground": "#4daafc",
		"textPreformat.background": "#3c3c3c",
		"textPreformat.foreground": "#d0d0d0",
		"textSeparator.foreground": "#21262d",
		"titleBar.activeBackground": "#181818",
		"titleBar.activeForeground": "#cccccc",
		"titleBar.border": "#2b2b2b",
		"titleBar.inactiveBackground": "#1f1f1f",
		"titleBar.inactiveForeground": "#9d9d9d",
		"welcomePage.progress.foreground": "#0078d4",
		"welcomePage.tileBackground": "#2b2b2b",
		"widget.border": "#313131", */
}
* {
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  background-color: #0f0f10;
  color: var(--muted);
}
h1,h2{
  color: var(--accent);
}
/* body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI",
    Roboto, "Helvetica Neue", Arial;
  background: radial-gradient(
      1200px 600px at 10% 10%,
      rgba(30, 30, 30, 0.6),
      transparent 80%
    ),
    linear-gradient(180deg, #070707, #0e0e10);
  color: #e9e9ea;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 40px 20px;
} */
.lang-javascript {
	color: var(--editorGutter-modifiedBackground);
  background: #2d2d2d !important;
}
.hljs-selector-tag {
  color: var(--progressBar-background) !important;
}
.hljs-selector-class {
  color: #ffb86c !important;
}

.lang-javaScript .hljs-keyword {
  color: var(--activityBar-activeBorder) !important;
}
.hljs-comment {
  color: var(--editorGutter-addedBackground) !important;
}
.hljs-number {
  color: var(--chat-editedFileForeground) !important;
}
p {
  line-height: 1.6;
  margin-bottom: 16px;
}
pre {
  overflow-x: auto;
  padding: 16px;
  border-radius: 8px;
  margin-bottom: 24px;
}
code {
  font-family: 'Fira Code', monospace;
  font-size: 16px;
  color: var(--activityWarningBadge-background);
}