/* Tailwind CSS via CDN (already in index.html). Additional styles below. */

/* Color variables (primary/secondary set to "undefined" per request) */
:root {
  --color-primary: undefined;
  --color-secondary: undefined;
}

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

/* Focus styles for accessibility */
:focus-visible {
  outline: 2px solid var(--color-primary, #3b82f6);
  outline-offset: 2px;
}

/* Optional subtle hover lift for cards */
.hover-lift {
  transition: transform .15s ease, box-shadow .15s ease;
}
.hover-lift:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0,0,0,0.08);
}

/* Container max width helper (already in Tailwind, here for completeness) */
.container {
  max-width: 1280px;
}