:root {
	--primary-1: #f6f6f6;
	--primary-2: #a0a0a0;
	--background: #2f2f2f;
	--secondary-1: #2e8b57;
	--error: #ff3333;
	--error-contrast: #3f1f1ff0;
	--button-border: #396cd8;
	--button-background: #0f0f0f98;
	--button-background-active: #0f0f0f69;
	color: var(--primary-1);
	background-color: var(--background);
}

a {
	color: #646cff;
}

a:hover {
	color: #24c8db;
}

input,
button {
	color: var(--primary);
	background-color: var(--button-background);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

button:hover {
	border-color: var(--button-border);
}

button:active {
	border-color: var(--button-border);
	background-color: var(--button-background-active);
}

.c-primary-1 {
	color: var(--primary-1);
}

.c-primary-2 {
	color: var(--primary-2);
}

.c-secondary-1 {
	color: var(--secondary-1);
}

.c-error {
	color: var(--error);
}

.c-bg {
	background-color: var(--background);
}

.c-bg-error {
	background-color: var(--error-contrast);
}