/* Guided mode — override nav colors for visibility */
.navbar a,
.navbar .nav-link {
  color: #111 !important;
  font-weight: 500;
}

.navbar a:hover,
.navbar .nav-link:hover {
  color: #000 !important;
}

/* if you use active states */
.navbar .active {
  color: #000 !important;
  font-weight: 600;
  text-decoration: underline;
}





/* soft transitions */
* {
  transition: background var(--transition),
              color var(--transition),
              border-color var(--transition);
}

/* focus calm */
input:focus, textarea:focus {
  outline:none;
  border-color:var(--accent);
}

/* footer */
.footer {
  text-align:center;
  padding:2rem 0;
  color:var(--text-light);
  font-size:.85rem;
}
/* Guided buttons override global */
.flow-button {
  background: #1a73e8;
  color: #fff;
  border-radius: 8px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 500;
}

.flow-button.subtle {
  background: none;
  color: #444;
}
/* OPTIONAL if your nav is dark and guided needs white links */
.navbar,
.navbar-background {
  background: #fff !important;
  border-bottom: 1px solid #e6e6e6;
}