:root {
    --body-bg: #0a0a0a;
    --body-text: #CACACC;
    --body-text-title: #ffffff;
    --content-border: #34373B;
    --input-bg: transparent;
    --input-bg-focus: #1d1d1d;
    --input-border: #3e3e3e;
    --button1-text: #fff;
    --button1-bg: var(--input-bg-focus);
    --button1-bg-hover: #282828;
    --button1-border: var(--input-border);
}

body {
    background-color: var(--body-bg);
    color: var(--body-text);
}

#logo {
    border-color: var(--content-border);
}

input, .input-group-text {
    color: var(--body-text) !important;
}

.input-group {
    background: var(--input-bg) !important;
    border-color: var(--input-border) !important;
    color: var(--body-text);
}

.input-group:focus, .input-group:hover {
   background: var(--input-bg-focus) !important;
   color: var(--body-text);
}

.form-control:focus, .form-control:hover {
    background: var(--input-bg-focus) !important;
    color: var(--body-text);
}

#entrar {
    background-color: var(--button1-bg);
    border-color: var(--button1-border) !important;
    color: var(--button1-text);
}

#entrar:hover{
    background-color: var(--button1-bg-hover);
    border-color: var(--button1-border) !important;
}

#version {
    color: gray;
}