/* Person Card Component Library - Main CSS File */

/* Import all component CSS files */
@import url('person-cards-base.css');
@import url('person-cards-themes.css');
@import url('person-cards-responsive.css');
@import url('person-cards-avatars.css');

/* Additional utility classes for keyboard navigation */
.person-card-keyboard-active {
  outline: 2px solid #315c89;
  outline-offset: 2px;
}

/* Focus styles for better accessibility */
.person-card-name-link:focus,
.person-card-btn:focus,
.person-card-social-link:focus {
  outline: 2px solid #315c89;
  outline-offset: 2px;
}

/* Skip to content functionality for screen readers */
.person-card-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Component library version info (for debugging) */
.person-card-library::before {
  content: "Person Card Library v1.0.0";
  display: none;
}