/**
 * Main CSS - Human Phenotypes Modern Site
 * Imports all stylesheets in correct order
 */

/* 1. Variables (design tokens) */
@import url('variables.css');

/* 2. Reset and base styles */
@import url('reset.css');

/* 3. Layout system */
@import url('layout.css');

/* 4. Components */
@import url('components.css');

/* 5. Typography */
@import url('typography.css');

/* 6. Utilities */
@import url('utilities.css');

/* Print styles */
@media print {
  .site-header,
  .site-footer,
  .mobile-menu-toggle,
  .search-wrapper,
  .btn {
    display: none;
  }

  .site-main {
    padding: 0;
  }

  body {
    font-size: 12pt;
    color: #000;
  }

  a {
    color: #000;
    text-decoration: underline;
  }

  img {
    max-width: 100%;
    page-break-inside: avoid;
  }
}