/* Global styles for Interview App */
:root{
  --brand-color: #0d6efd; /* Bootstrap primary */
  --muted-color: #6c757d;
  --content-max-width: 900px;
}

html,body{
  height:100%;
  background-color:#f8f9fa;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

main.container{
  max-width: var(--content-max-width);
}

.navbar-brand{font-weight:600}

.form-label{font-weight:500}

.help-text{color:var(--muted-color);font-size:0.9rem}

.password-requirements ul{margin:0 0 0.5rem 1rem}

.response-list .list-group-item{background:#fff}

/* Ensure file inputs and clearable inputs don't overflow on small screens */
input[type=file].form-control, .custom-file-input{max-width:100%;}

footer small{color:var(--muted-color)}