/**
 * DevElevate Utilities
 * Helper classes and dark mode refinements
 */

/* Dark mode toggle button */
.de-dark-mode-toggle {
	background: none;
	border: 1px solid var(--de-border-color);
	border-radius: var(--de-radius-full);
	padding: var(--de-space-2) var(--de-space-3);
	cursor: pointer;
	color: var(--de-text-secondary);
	font-size: var(--de-font-size-sm);
	transition: all var(--de-transition-fast);
}
.de-dark-mode-toggle:hover { border-color: var(--de-color-primary); color: var(--de-color-primary); }

/* Text utilities */
.de-text-muted    { color: var(--de-text-muted); }
.de-text-primary  { color: var(--de-text-primary); }
.de-text-center   { text-align: center; }

/* No results / error */
.de-no-results,
.de-error { color: var(--de-text-muted); font-style: italic; padding: var(--de-space-8) 0; text-align: center; }

/* Term list */
.de-term-list { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: var(--de-space-2); margin: 0; }