/* Base font sizes */
html {
    font-size: 14px;
    background-color: #0f172a; /* dark navy background */
    color: #e5e7eb; /* light gray text */
}

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

/* Focus styles for accessibility */
.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
    box-shadow: 0 0 0 0.1rem #ffffff99, 0 0 0 0.25rem #258cfb66; /* softer white + blue outline */
    outline: none;
}

/* Full page layout adjustments */
html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    background-color: #0f172a; /* dark background for body too */
    color: #e5e7eb; /* light text globally */
}

/* Optional: inputs and form controls darker */
.form-control, .form-check-input {
    background-color: #1e293b;
    color: #e5e7eb;
    border: 1px solid #334155;
}

    .form-control::placeholder {
        color: #94a3b8; /* muted placeholder for readability */
    }

/* Optional: buttons darker with hover */
.btn-primary {
    background-color: #2563eb;
    border-color: #1d4ed8;
    color: #f8fafc;
}

    .btn-primary:hover {
        background-color: #1d4ed8;
        border-color: #1e40af;
        color: #ffffff;
    }