/* Custom styles to complement Tailwind */

/* Smooth focus outlines */
*:focus-visible {
    outline: 2px solid #0d9488;
    outline-offset: 2px;
}

/* Subtle pattern for section backgrounds */
.bg-pattern {
    background-image: radial-gradient(circle, #e2e8f0 1px, transparent 1px);
    background-size: 24px 24px;
}

/* Ensure consistent image rendering */
img {
    display: block;
    max-width: 100%;
}

/* Selection color */
::selection {
    background-color: #99f6e4;
    color: #134e4a;
}

/* Prevent content jump on mobile Safari */
html {
    -webkit-text-size-adjust: 100%;
}

/* Button hover lift effect */
button, a {
    -webkit-tap-highlight-color: transparent;
}