/* History's Not Boring - Main Stylesheet */

@import url('./variables.css');
@import url('./layout.css');
@import url('./components.css');
@import url('./animations.css');

/* Additional global styles */
a {
  color: var(--color-primary);
  transition: color var(--transition-fast);
}

a:hover {
  color: var(--color-secondary);
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Responsive images with lazy loading */
img[loading="lazy"] {
  opacity: 0;
  transition: opacity 0.3s;
}

img[loading="lazy"].loaded {
  opacity: 1;
}

/* Print styles */
@media print {
  .site-header,
  .site-footer,
  .audio-player,
  .hero-cta,
  .episode-actions {
    display: none;
  }

  body {
    background: white;
    color: black;
  }

  .episode-card,
  .character-card {
    break-inside: avoid;
  }
}