/**
 * Gamers Things - Base CSS
 */

:root {
	--gt-color-primary: rgb(115, 103, 240);
	--gt-color-secondary: rgb(100, 116, 139);

	--gt-bg: rgb(11, 11, 20);
	--gt-surface: rgb(21, 27, 46);
	--gt-surface-soft: rgb(26, 34, 54);

	--gt-text: rgb(229, 231, 235);
	--gt-text-muted: rgb(156, 163, 175);
	--gt-text-soft: rgb(107, 114, 128);

	--gt-border: rgba(255, 255, 255, 0.08);
	--gt-border-strong: rgba(255, 255, 255, 0.14);

	--gt-radius: 5px;
	--gt-shadow-soft: 0 8px 30px rgba(0, 0, 0, 0.35);
}

.gt-debug-box {
	margin: 24px 0;
	padding: 18px;
	max-height: 480px;
	overflow: auto;
	border: 1px solid var(--gt-border);
	border-radius: var(--gt-radius);
	background: var(--gt-surface);
	color: var(--gt-text);
	font-size: 12px;
	line-height: 1.6;
	white-space: pre-wrap;
}