:root {
    --primary-bg: #2f3542;
    --primary-fg: #2ed573;
    --primary-fg-active: #23ad5c;
    --primary-fg-disabled: #aaaaaa;
    --error-fg: #e94614;
}

body {
    margin: 0;
    background: var(--primary-bg);
    color: var(--primary-fg);
    font-family: 'Courier New', Courier, monospace;
}

h1 {
    font-weight: normal;
}

a, a:visited {
    color: var(--primary-fg);
}

noscript.nojs_warning {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    background: #555;
    z-index: 999;
}

.button, input[type=submit], input[type=button], .submit-row input, a.button {
    background: var(--primary-bg);
    padding: 6px 10px;
    border: 1px solid var(--primary-fg);
    font-family: 'Courier New', Courier, monospace;
    border-radius: 4px;
    color: var(--primary-fg);
    cursor: pointer;
    transition: background 0.15s;
    margin: 0;
}

input[type=text], input[type=password], input[type=email], input[type=url],
input[type=number], input[type=tel], textarea, select, .vTextField {
    border: 1px solid var(--primary-fg);
    border-radius: 3px;
    padding: 6px 6px;
    color: var(--primary-fg);
    background-color: transparent;
    margin: 0;
    font-family: 'Courier New', Courier, monospace;
    font-size: 12px;
}

input[type=submit]:disabled, input:disabled {
    color: var(--input-disabled);
    border-color: var(--input-disabled);
}

input[type=text]:focus {
    outline: none;
}

input[type=submit]:active:not(:disabled) {
    color: var(--primary-fg-active);
    border-color: var(--primary-fg-active);
}
