/* Additional custom styles beyond Tailwind CSS */

:root {
  --tomato: #F15B50;
  --teal: #4CA399;
  --navy: #1A2A34;
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Custom focus styles for accessibility */
a:focus, button:focus {
  outline: 2px solid var(--teal);
  outline-offset: 2px;
}

/* Hover effects */
a:hover {
  transition: color 0.3s ease;
}

/* Print styles */
@media print {
  header, footer {
    display: none;
  }
  
  body {
    background-color: white;
    color: var(--navy);
  }
  
  main {
    max-width: 100%;
  }
}