/* Basic starter styles */
:root {
  --brand-primary: #0d6efd;
}
html, body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
}
main.container {
  flex: 1 0 auto;
}
.navbar-brand { letter-spacing: 0.3px; }
footer { flex-shrink: 0; }
.hero {
  background: linear-gradient(180deg, rgba(13,110,253,0.09), transparent);
  border-radius: .75rem;
}
/* Example ADA-friendly focus outline */
:focus-visible {
  outline: 3px solid var(--brand-primary);
  outline-offset: 2px;
}