// ============================================================================
// :: Skip Link
// ============================================================================
/**
 * A keyboard-accessible skip link that becomes visible on focus and jumps
 * straight to the main content.
 */

.a-skip-link {
  position: fixed;
  top: 0.5rem;
  left: 0.5rem;
  z-index: $z-index-atmosphere + 1;

  // Hidden by default
  transform: translateY(-150%);
  opacity: 1;

  display: inline-block;

  // Visual styles
  padding: 0.6rem 1rem;
  background-color: #1a1a1a;
  color: $text-color-white;
  text-decoration: none;

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);

  // Transition for smooth reveal
  transition:
    transform 0.15s ease-in-out,
    opacity 0.15s ease-in-out;

  &:focus {
    transform: translateY(0);
    opacity: 1;

    outline: 0.2rem solid $primary-color-base;
    outline-offset: 0.2rem;
  }
}