/* Graceful Nails and Spa — Custom Styles */

/* Base resets */
*, *::before, *::after {
  box-sizing: border-box;
}

/* Smooth focus outlines for accessibility */
a:focus-visible,
button:focus-visible {
  outline: 3px solid #fbbf24;
  outline-offset: 2px;
  border-radius: 4px;
}

/* Selection color */
::selection {
  background: #d9a7d0;
  color: #2b0e25;
}

/* Prevent overscroll bounce on mobile */
html {
  -webkit-overflow-scrolling: touch;
}

/* Ensure images are responsive */
img {
  max-width: 100%;
  height: auto;
}

/* Custom focus style for buttons */
button:focus,
a:focus {
  outline: 3px solid #fbbf24;
  outline-offset: 2px;
}

/* Transition utility */
.transition-smooth {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}