body {
    font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    background-color: #1A1A1A;
}

.bg-dark {
    background-color: #1A1A1A !important;
}

.bg-surface {
    background-color: #2C2C2C !important;
}

.text-light {
    color: #EAEAEA !important;
}

.text-primary {
    color: #00BFFF !important;
}

.btn-primary {
    background-color: #00BFFF;
    border-color: #00BFFF;
}

.btn-primary:hover {
    background-color: #009acd;
    border-color: #009acd;
}

.card {
    border: none;
    border-radius: 0.5rem;
}

.form-control {
    border-radius: 0.5rem;
    border: 1px solid #444;
}

.form-control:focus {
    box-shadow: 0 0 0 0.25rem rgba(0, 191, 255, 0.25);
    border-color: #00BFFF;
}

.navbar-dark .navbar-nav .nav-link {
    color: #EAEAEA;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
    color: #00BFFF;
}