/* Minimal syntax highlighting theme */

/* Copy button */
nui-code {
	position: relative;
	display: block;
}

nui-code .nui-code-copy {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	background: light-dark(rgba(255, 255, 255, 0.9), rgba(40, 40, 40, 0.9));
	border: 1px solid light-dark(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.1));
	border-radius: 4px;
	padding: 0.5rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0.7;
	transition: opacity 0.2s, background 0.2s;
}

nui-code .nui-code-copy:hover {
	opacity: 1;
	background: light-dark(rgba(255, 255, 255, 1), rgba(50, 50, 50, 1));
}

nui-code .nui-code-copy.copied {
	background: light-dark(rgba(76, 175, 80, 0.9), rgba(46, 125, 50, 0.9));
	color: white;
}

nui-code .nui-code-copy nui-icon {
	width: 1rem;
	height: 1rem;
}

/* HTML */
.hl-tag { color: light-dark(rgb(34, 134, 58), rgb(92, 214, 92)); }
.hl-attr { color: light-dark(rgb(0, 92, 197), rgb(156, 220, 254)); }

/* CSS */
.hl-selector { color: light-dark(rgb(34, 134, 58), rgb(92, 214, 92)); }
.hl-prop { color: light-dark(rgb(0, 92, 197), rgb(156, 220, 254)); font-weight: 500; }
.hl-value { color: light-dark(rgb(163, 21, 21), rgb(253, 151, 31)); }

/* JavaScript/TypeScript */
.hl-keyword { color: light-dark(rgb(175, 0, 219), rgb(238, 138, 230)); font-weight: 600; }
.hl-literal { color: light-dark(rgb(9, 134, 88), rgb(86, 156, 214)); }
.hl-number { color: light-dark(rgb(9, 134, 88), rgb(181, 206, 168)); }
.hl-builtin { color: light-dark(rgb(0, 92, 197), rgb(79, 193, 255)); font-weight: 500; }
.hl-function { color: light-dark(rgb(121, 93, 163), rgb(220, 220, 170)); }
.hl-template { color: light-dark(rgb(163, 21, 21), rgb(206, 145, 120)); }
.hl-regex { color: light-dark(rgb(163, 21, 21), rgb(214, 157, 133)); font-style: italic; }
.hl-type { color: light-dark(rgb(0, 92, 197), rgb(78, 201, 176)); }

/* Python/Ruby */
.hl-decorator { color: light-dark(rgb(175, 0, 219), rgb(220, 220, 170)); font-style: italic; }
.hl-symbol { color: light-dark(rgb(9, 134, 88), rgb(86, 156, 214)); }
.hl-docstring { color: light-dark(rgb(106, 115, 125), rgb(106, 153, 85)); font-style: italic; }
.hl-class { color: light-dark(rgb(0, 92, 197), rgb(78, 201, 176)); font-weight: 600; }

/* Bash/PHP */
.hl-var { color: light-dark(rgb(0, 92, 197), rgb(156, 220, 254)); }

/* C/C++ */
.hl-preprocessor { color: light-dark(rgb(175, 0, 219), rgb(197, 134, 192)); font-weight: 600; }

/* CSS */
.hl-pseudo { color: light-dark(rgb(121, 93, 163), rgb(197, 134, 192)); }
.hl-important { color: light-dark(rgb(175, 0, 219), rgb(255, 85, 85)); font-weight: bold; }

/* Markdown */
.hl-strong { font-weight: bold; }
.hl-em { font-style: italic; }
.hl-code { background: light-dark(rgb(240, 240, 240), rgb(40, 40, 40)); padding: 0.1em 0.3em; border-radius: 3px; }
.hl-link { color: light-dark(rgb(0, 92, 197), rgb(156, 220, 254)); text-decoration: underline; }

/* Common */
.hl-string { color: light-dark(rgb(163, 21, 21), rgb(206, 145, 120)); }
.hl-comment { color: light-dark(rgb(106, 115, 125), rgb(98, 98, 98)); font-style: italic; }