:root {
    --primary-color: #007bff;
    --primary-color-blizzard: #1888ef;
    --primary-color-division: #ff7e33;
    --primary-color-siege: #33a1ff;
    --primary-color-splinter: #36ff33;
    --primary-color-snowdrop: #33ffbf;
    --primary-color-nvidia: #64ff33;
    --primary-color-surrealmedia: #ff0000;
    --background-color: #181818;
    --text-color: #f8f9fa;
    --card-bg-color: #1e1e1e;
    --sidebar-color: #181818;
    --navbar-bg-color: #23272a;
    --footer-bg-color: #22232a;
    --input-bg-color: #181818;
    --input-border-color: #444;
    --message-success-color: #28a745;
    --message-error-color: #dc3545;
    --message-warning-color: #fbc02d;
    --message-info-color: #33aaff;
}
body {
    background: var(--background-color);
    color: var(--text-color);
}
a {
    color: var(--primary-color);
}
.card-header {
    color: var(--primary-color);
}
.card {
    background: var(--card-bg-color);
}
.sidebar {
    background: var(--sidebar-color);
}

input, textarea, select {
    background: var(--input-bg-color);
    border-color: var(--input-border-color);
    color: var(--text-color);
}

input[type="date" i] {
    color: var(--text-color);
    color-scheme: dark;
}
.message-success {
    color: var(--message-success-color);
}
.message-error {
    color: var(--message-error-color);
}
.message-warning {
    color: var(--message-warning-color);
}
.message-info {
    color: var(--message-info-color);
}