* {
      scroll-behavior: smooth;
    }

    .App {
      min-height: 100vh;
      background-color: #ffffff;
    }

    /* Smooth transitions for interactive elements */
    button,
    a {
      transition-property: transform, box-shadow, background-color, color,
        border-color;
      transition-duration: 300ms;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }

    /* Remove default focus rings, let shadcn handle them */
    button:focus,
    a:focus {
      outline: none;
    }

    /* Custom selection color */
    ::selection {
      background-color: rgba(6, 182, 212, 0.3);
      color: inherit;
    }

    /* Prevent layout shift on hover */
    img {
      display: block;
      max-width: 100%;
    }

    /* Animation delays for staggered effects */
    .delay-1000 {
      animation-delay: 1s;
    }