html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem #1a1a1a, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
    background-color: #121212;
}

body {
    margin-bottom: 60px;
    background-color: #121212;
    color: #e0e0e0;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: #9e9e9e;
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}

/* Dark mode form controls */
.form-control, .form-select {
    background-color: #1e1e1e;
    border-color: #404040;
    color: #e0e0e0;
}

    .form-control:focus, .form-select:focus {
        background-color: #252525;
        border-color: #258cfb;
        color: #e0e0e0;
    }

    .form-control::placeholder {
        color: #757575;
    }

/* Dark mode cards */
.card {
    background-color: #1e1e1e;
    border-color: #404040;
    color: #e0e0e0;
}

.card-body {
    background-color: #1e1e1e;
}

/* Dark mode list groups */
.list-group-item {
    background-color: #1e1e1e;
    border-color: #404040;
    color: #e0e0e0;
}

    .list-group-item a {
        color: #64b5f6;
    }

        .list-group-item a:hover {
            color: #90caf9;
        }

/* Dark mode text colors */
.text-muted {
    color: #9e9e9e !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #ffffff;
}

/* Dark mode horizontal rules */
hr {
    border-color: #404040;
    opacity: 0.3;
}

/* Dark mode buttons (if needed) */
.btn-primary {
    background-color: #258cfb;
    border-color: #258cfb;
}

    .btn-primary:hover {
        background-color: #1976d2;
        border-color: #1976d2;
    }

.btn-success {
    background-color: #2e7d32;
    border-color: #2e7d32;
}

    .btn-success:hover {
        background-color: #1b5e20;
        border-color: #1b5e20;
    }

.btn-danger {
    background-color: #c62828;
    border-color: #c62828;
}

    .btn-danger:hover {
        background-color: #b71c1c;
        border-color: #b71c1c;
    }

/* Dark mode small text */
small, .small {
    color: #b0b0b0;
}

/* Input group styling */
.input-group-text {
    background-color: #2a2a2a;
    border-color: #404040;
    color: #e0e0e0;
}