/* ===== INTERACTIVE-ELEMENTS ===== */

/* Add styles to improve interactive elements */

/* Form Validation */
.form-group.error .error-message {
  color: var(--error-color);
  font-size: 0.875rem;
  margin-top: 0.5rem;
}

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

/* Animation Performance */
.animated {
  will-change: transform, opacity;
}

/* Touch Targets */
.touch-target {
  min-height: 44px;
  min-width: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}