/* Custom styles for Chops Barber Shop */

/* Smooth focus outlines for accessibility */
*:focus-visible {
    outline: 2px solid #FF7A52;
    outline-offset: 2px;
}

/* Selection color */
::selection {
    background: #FFD0BC;
    color: #1C1C21;
}

/* Subtle scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #F6F6F7;
}
::-webkit-scrollbar-thumb {
    background: #C7C7CC;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #9E9EA7;
}

/* Prevent layout shift on images */
img {
    max-width: 100%;
    height: auto;
}

/* Ensure all text meets contrast */
.text-charcoal-500 {
    color: #5A5A63;
}
.text-charcoal-400 {
    color: #767680;
}
.text-charcoal-300 {
    color: #9E9EA7;
}

/* Gallery hover overlay */
.rounded-2xl.overflow-hidden {
    position: relative;
}
.rounded-2xl.overflow-hidden::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(28,28,33,0.08) 0%, transparent 40%);
    pointer-events: none;
    border-radius: inherit;
}
</style>