/* Main CSS - Import Hub */

/* Base */
@import url('base/variables.css');
@import url('base/reset.css');
@import url('base/typography.css');

/* Components */
@import url('components/navigation.css');
@import url('components/footer.css');
@import url('components/cards.css');
@import url('components/buttons.css');
@import url('components/publication.css');
@import url('components/news.css');
@import url('components/research-highlight.css');

/* Layouts */
@import url('layouts/homepage.css');
@import url('layouts/publications.css');
@import url('layouts/code.css');
@import url('layouts/about.css');
@import url('layouts/responsive.css');

/* Utilities */
@import url('utilities/helpers.css');
@import url('utilities/animations.css');
@import url('utilities/accessibility.css');

/* Legacy compatibility - will be removed as templates are updated */
.pub {
  margin-top: var(--space-5);
  margin-bottom: var(--space-5);
}

/* Legacy link styles for backward compatibility */
a.link {
  color: var(--color-primary-700);
  text-decoration: none;
  transition: color var(--transition-base);
}

a.link:hover,
a.link:focus {
  color: var(--color-primary-500);
  text-decoration: underline;
}

a.paper {
  color: var(--color-neutral-700);
  font-weight: var(--font-bold);
  text-decoration: none;
}

a.paper:hover,
a.paper:focus {
  color: var(--color-primary-700);
  text-decoration: underline;
}