:root {
    --color-bg: #141414;
    --color-surface: #212121;
    --color-accent: #00e5ff;
    --color-primary: #616161;
    --color-text: #f9feff;
    --color-muted: #c0c0c0;
    --color-success: #14a44d;
    --color-danger: #ff6b6b;
    --color-warning: #CBE013;
}

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

a {
    color: var(--color-primary);
}

.card, .navbar, .form-control, .dropdown-menu {
    background-color: var(--color-surface);
    color: var(--color-text);
    border: none;
}

.form-control {
    background-color: var(--color-muted);
    color: var(--color-text);
}

.form-control:active {
    background-color: var(--color-muted);
    color: var(--color-text);
}

.form-control::placeholder {
    color: var(--color-muted);
}

.navbar .nav-link,
.dropdown-item {
    color: var(--color-text);
}

.btn-primary {
    background-color: var(--color-accent);
    border: none;
}

.btn-primary:hover {
    background-color: var(--color-accent);
}

.btn-danger {
    background-color: var(--color-danger);
    border: none;
}

.table {
    color: var(--color-text);
}

hr {
    border-top: 1px solid var(--color-accent);
}
