/* ==========================================================
   STOPLIGHT GITHUB DARK THEME
   Full integration with Stoplight UI
   Renk paleti: GitHub Dark Default
   ========================================================== */

   body[data-theme="dark"] {
		background-color: #0d1117;
		color-scheme: dark;
	
		/* Canvas tonları */
		--color-canvas-50: #161b22;
		--color-canvas-100: #1c2128;
		--color-canvas-200: #21262d;
		--color-canvas-300: #30363d;
		--color-canvas: #0d1117;
		--color-canvas-tint: #161b22;
		--color-canvas-pure: #010409;
	
		/* Metin renkleri */
		--color-text: #c9d1d9;
		--color-text-heading: #f0f6fc;
		--color-text-paragraph: #c9d1d9;
		--color-text-muted: #8b949e;
		--color-text-primary: #58a6ff;
		--color-text-light: #e6edf3;
	
		/* Durum renkleri */
		--color-border: #30363d;
		--color-border-danger: #f85149;
		--color-border-danger-dark: #da3633;
		--color-text-danger: #ff7b72;
		--color-bg-button: #238636;
		--color-bg-button-hover: #2ea043;
		--color-bg-button-active: #3fb950;
		--color-bg-input: #0d1117;
		--color-bg-input-error: #1c0d0d;
		--color-bg-panel: #161b22;
	}
	
	/* === Sidebar === */
	body[data-theme="dark"] .sidebar,
	body[data-theme="dark"] nav {
		background-color: #161b22 !important;
		color: #c9d1d9 !important;
	}
	
	/* === Panel Başlıkları === */
	body[data-theme="dark"] .sl-panel__titlebar {
		background-color: #161b22 !important;
		color: #f0f6fc !important;
		border-bottom: 1px solid #30363d !important;
	}
	body[data-theme="dark"] .sl-panel__titlebar .sl-button {
		color: #8b949e !important;
	}
	body[data-theme="dark"] .sl-panel__titlebar .sl-button:hover {
		color: #58a6ff !important;
	}
	
	
	/* Syntax renkleri */
	body[data-theme="dark"] .token.comment { color: #8b949e !important; }
	body[data-theme="dark"] .token.string { color: #a5d6ff !important; }
	body[data-theme="dark"] .token.number { color: #f8c555 !important; }
	body[data-theme="dark"] .token.keyword { color: #ff7b72 !important; }
	body[data-theme="dark"] .token.function { color: #d2a8ff !important; }
	body[data-theme="dark"] .token.operator { color: #7ee787 !important; }
	body[data-theme="dark"] .token.punctuation { color: #7d8590 !important; }
	body[data-theme="dark"] .token.constant { color: #ffa657 !important; }
	body[data-theme="dark"] .token.property,
	body[data-theme="dark"] .token.key { color: #79c0ff !important; }
	
	body[data-theme="dark"] .sl-code-highlight [style*="color:"] {
		color: inherit !important;
	}
	
	/* Scrollbar */
	body[data-theme="dark"] .sl-overflow-y-auto,
	body[data-theme="dark"] .sl-code-viewer__scroller {
		color-scheme: dark;
		scrollbar-color: #30363d #0d1117;
	}
	
	/* === Input & Form === */
	body[data-theme="dark"] input.sl-border {
		background-color: var(--color-bg-input) !important;
		border-color: var(--color-border) !important;
		color: var(--color-text-light) !important;
	}
	body[data-theme="dark"] input.sl-border:focus {
		border-color: #58a6ff !important;
		box-shadow: 0 0 0 2px rgba(56, 139, 253, 0.3);
	}
	body[data-theme="dark"] input.sl-border-danger {
		background-color: var(--color-bg-input-error) !important;
		border-color: var(--color-border-danger) !important;
		color: var(--color-text-light) !important;
	}
	body[data-theme="dark"] input.sl-border-danger:focus {
		border-color: var(--color-border-danger-dark) !important;
		box-shadow: 0 0 0 2px rgba(248, 81, 73, 0.4);
	}
	
	/* Hata Mesajları */
	body[data-theme="dark"] .sl-text-danger-light {
		color: var(--color-text-danger) !important;
		border-left: 3px solid var(--color-border-danger-dark);
		padding-left: 6px;
		margin-top: 8px;
	}
	body[data-theme="dark"] .sl-text-danger-light svg path {
		fill: var(--color-text-danger) !important;
	}
	
	/* === Butonlar === */
	body[data-theme="dark"] .sl-button.sl-bg-primary {
		background-color: var(--color-bg-button) !important;
		color: #ffffff !important;
	}
	body[data-theme="dark"] .sl-button.sl-bg-primary:hover {
		background-color: var(--color-bg-button-hover) !important;
	}
	body[data-theme="dark"] .sl-button.sl-bg-primary:active {
		background-color: var(--color-bg-button-active) !important;
	}
	body[data-theme="dark"] .sl-button.sl-bg-transparent {
		color: var(--color-text-muted) !important;
		border-color: var(--color-border) !important;
	}
	body[data-theme="dark"] .sl-button.sl-bg-transparent:hover {
		color: #58a6ff !important;
		border-color: #58a6ff !important;
		background-color: rgba(56, 139, 253, 0.1) !important;
	}
	
	/* === Response / Request örnekleri === */
	body[data-theme="dark1"] pre,
	body[data-theme="dark1"] code,
	body[data-theme="dark1"] .sl-panel__content pre,
	body[data-theme="dark1"] .sl-panel__content code {
		background-color: #0d1117 !important;
		color: var(--color-text-light) !important;
		border: 1px solid #30363d !important;
		border-radius: 6px;
	}
	body[data-theme="dark"] .token.boolean,
	body[data-theme="dark"] .token.null {
		color: #ff7b72 !important;
		font-weight: 500;
	}
	
	/* === Mermaid === */
	body[data-theme="dark"] .mermaid {
		background-color: #0d1117 !important;
		color: #c9d1d9 !important;
	}
	body[data-theme="dark"] .mermaid .actor {
		fill: #161b22 !important;
		stroke: #30363d !important;
	}
	body[data-theme="dark"] .mermaid .note {
		fill: #1f6feb22 !important;
		stroke: #58a6ff !important;
		color: #e6edf3 !important;
	}
	body[data-theme="dark"] .mermaid line,
	body[data-theme="dark"] .mermaid path {
		stroke: #8b949e !important;
	}
	body[data-theme="dark"] .mermaid text,
	body[data-theme="dark"] .mermaid tspan {
		fill: #c9d1d9 !important;
	}
	body[data-theme="dark"] .mermaid .sequenceNumber {
		fill: #0d1117 !important;
		stroke: #58a6ff !important;
		color: #f0f6fc !important;
	}
	body[data-theme="dark"] .mermaid .messageLine0 { stroke: #58a6ff !important; }
	body[data-theme="dark"] .mermaid .messageLine1 {
		stroke: #7ee787 !important;
		stroke-dasharray: 4, 4 !important;
	}
	
	/* === Düzen Ayarları === */
	.sl-py-16[style*="max-width"] {
		max-width: 2200px !important;
	}
	[data-testid="two-column-right"][style*="max-width"] {
		max-width: 600px !important;
	}
	@media (max-width: 1200px) {
		[data-testid="two-column-right"] { display: none !important; }
	}
	
	body[data-theme="dark"] .sl-panel{
		 border: 1px solid var(--color-border) !important;
		 border: none !important;
	}
	body[data-theme="dark"] .sl-code-highlight {
		 background-color: #222B3A !important;
		 color: var(--color-text-light) !important;
		 border: 1px solid var(--color-border) !important;
		 border-radius: 6px !important;
	
	}
	
	body[data-theme="dark"] .sl-panel .sl-code-highlight  {
		 border-radius: 0 !important;
		 border: none !important;
	}
	
	/* === Stoplight / Prism override for dark theme === */
	
	/* Line numbers */
	body[data-theme="dark"] .sl-code-highlight__ln {
	  color: #6e7681 !important;
	}
	
	/* Disable inline colors completely */
	body[data-theme="dark"] .sl-code-highlight [style*="color"] {
	  color: inherit !important;
	}
	
	/* --- GitHub Dark token palette --- */
	body[data-theme="dark"] .token.comment,
	body[data-theme="dark"] .token.prolog,
	body[data-theme="dark"] .token.doctype,
	body[data-theme="dark"] .token.cdata {
	  color: #8b949e !important;
	}
	
	body[data-theme="dark"] .token.punctuation {
	  color: #c9d1d9 !important;
	}
	
	body[data-theme="dark"] .token.property,
	body[data-theme="dark"] .token.tag,
	body[data-theme="dark"] .token.constant,
	body[data-theme="dark"] .token.symbol {
	  color: #79c0ff !important;
	}
	
	body[data-theme="dark"] .token.boolean,
	body[data-theme="dark"] .token.number {
	  color: #ff7b72 !important;
	}
	
	body[data-theme="dark"] .token.selector,
	body[data-theme="dark"] .token.attr-name,
	body[data-theme="dark"] .token.string,
	body[data-theme="dark"] .token.char,
	body[data-theme="dark"] .token.builtin,
	body[data-theme="dark"] .token.inserted {
	  color: #a5d6ff !important;
	}
	
	body[data-theme="dark"] .token.operator,
	body[data-theme="dark"] .token.entity,
	body[data-theme="dark"] .token.url,
	body[data-theme="dark"] .token.variable {
	  color: #c9d1d9 !important;
	}
	
	body[data-theme="dark"] .token.keyword {
	  color: #ff7b72 !important;
	}
	
	body[data-theme="dark"] .token.function {
	  color: #d2a8ff !important;
	}
	
	body[data-theme="dark"] .token.deleted {
	  color: #f85149 !important;
	}
	
	body[data-theme="dark"] .token.important,
	body[data-theme="dark"] .token.bold {
	  font-weight: bold !important;
	}
	
	body[data-theme="dark"] .token.italic {
	  font-style: italic !important;
	}
	
	body[data-theme="dark"] .token.entity {
	  cursor: help !important;
	}
	
	/* Scroll area */
	body[data-theme="dark"] .sl-code-viewer__scroller {
	  background-color: #0d1117 !important;
	}
	
	
	/* === Mermaid (GitHub style) === */
	body[data-theme="dark"] .mermaid {
		background-color: #0d1117 !important;
		color: #c9d1d9 !important;
	}
	body[data-theme="dark"] .mermaid svg {
		background-color: transparent !important;
		color: #c9d1d9 !important;
	}
	body[data-theme="dark"] .mermaid .actor {
		fill: #161b22 !important;
		stroke: #30363d !important;
		color: #e6edf3 !important;
	}
	body[data-theme="dark"] .mermaid line,
	body[data-theme="dark"] .mermaid path {
		stroke: #8b949e !important;
	}
	body[data-theme="dark"] .mermaid text,
	body[data-theme="dark"] .mermaid tspan {
		fill: #c9d1d9 !important;
	}
	body[data-theme="dark"] .mermaid .note {
		fill: #1f6feb22 !important;
		stroke: #58a6ff !important;
		color: #e6edf3 !important;
	}
	body[data-theme="dark"] .mermaid .actor-line {
		stroke: #30363d !important;
	}
	body[data-theme="dark"] .mermaid marker path {
		fill: #8b949e !important;
		stroke: #8b949e !important;
	}
	body[data-theme="dark"] .mermaid .labelBox,
	body[data-theme="dark"] .mermaid .loopLine {
		fill: #161b22 !important;
		stroke: #58a6ff !important;
	}
	body[data-theme="dark"] .mermaid .sequenceNumber {
		fill: #0d1117 !important;
		stroke: #58a6ff !important;
		color: #f0f6fc !important;
	}
	body[data-theme="dark"] .mermaid .messageLine0 {
		stroke: #58a6ff !important;
	}
	body[data-theme="dark"] .mermaid .messageLine1 {
		stroke: #7ee787 !important;
		stroke-dasharray: 4, 4 !important;
	}
	body[data-theme="dark"] .mermaid rect {
		stroke: #30363d !important;
	}
	body[data-theme="dark"] .mermaid .actor:hover rect,
	body[data-theme="dark"] .mermaid .note:hover {
		filter: brightness(1.2);
	}