/**
 * FileLora Custom Styles
 * Extending Bootstrap 5 Dark Mode
 */

body {
    background-color: #0d1117; /* GitHub-style dark background */
    color: #c9d1d9;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}

.navbar {
    background-color: #161b22;
    border-color: #30363d !important;
}

.card {
    background-color: #161b22;
    border-color: #30363d;
}

.text-muted {
    color: #8b949e !important;
}

/* Drop Zone pulse on hover */
#drop-zone {
    transition: all 0.2s ease-in-out;
}

#drop-zone:hover {
    border-color: #58a6ff !important;
    background-color: rgba(88, 166, 255, 0.1) !important;
}

/* Code digit input focus */
.code-digit:focus {
    background-color: #0d1117;
    border-color: #58a6ff;
    box-shadow: 0 0 0 3px rgba(88, 166, 255, 0.3);
}

.form-control {
    background-color: #0d1117;
    border-color: #30363d;
    color: #c9d1d9;
}

.btn-primary {
    background-color: #238636;
    border-color: #2ea043;
}

.btn-primary:hover {
    background-color: #2ea043;
    border-color: #3fb950;
}

.progress {
    background-color: #161b22;
    border: 1px solid #30363d;
}