body {
    background-color: var(--base-800);
    color: var(--base-300);
}

a {
    color: var(--blue);
    text-decoration: none;
    &:visited {
	color: var(--violet);
    }
}

button {
    font-family: inherit;
    cursor: pointer;
    border-radius: 4px;
    border: 1.4px solid var(--base-600);
    background-color: var(--base-700);
    color: inherit;
    height: 24px;

    transition: background-color 80ms ease-in-out;

    &:hover {
	background-color: var(--base-800);
    }

    &:disabled {
	border: 1.4px dashed var(--base-600);
	cursor: not-allowed;
	background-color: var(--base-700);
    }

    &:active:not(:disabled) {
	border-color: var(--base-300);
    }

    outline-color: var(--base-300);
}