:root {
	--bg-color: #222;
	--text-color: #eee;
	--command-color: #75df0b;
	--error-color: #ff5555;
	--directory-color: #1bc9e7;
}

/* Default is pwny theme */
body {
	background-color: var(--bg-color);
	color: var(--text-color);
	font-family: monospace;
	font-size: 14pt;
	margin: 0;
	padding: 0;
	height: 100vh;
	display: flex;
	flex-direction: column;
}
#terminal {
	flex: 1;
	padding: 12px;
	overflow-y: auto;
	white-space: pre-wrap;
	border: none;
	margin: 10px;
	display: flex;
	flex-direction: column;
}
input {
	font-size: 14pt;
	background: var(--bg-color);
	color: var(--text-color);
	border: none;
	width: 80%;
	font-family: monospace;
}
input:focus {
	outline: none;
}
span.command {
	color: var(--command-color);
}
span.error {
	color: var(--error-color);
}
span.directory {
	color: var(--directory-color);
}

.light-theme {
	--bg-color: #fff;
	--text-color: #222;
	--command-color: #007700;
	--error-color: #cc0000;
	--directory-color: #0044cc;
}

.catppuccin-theme {
	--bg-color: #363a4f;
	--text-color: #cad3f5;
	--command-color: #a6da95;
	--error-color: #ed8796;
	--directory-color: #7dc4e4;
}

.doom1-theme {
	--bg-color: #0a0a0a;
	--text-color: #f8f8f2;
	--command-color: #50fa7b;
	--error-color: #ff5555;
	--directory-color: #8be9fd;
}