/* Custom styles for Mani Beauty Bar */

/* Smooth font rendering */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Selection color */
::selection {
    background: rgba(196, 114, 86, 0.2);
    color: #3A2A1E;
}

/* Scrollbar styling */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #FDF8F4;
}
::-webkit-scrollbar-thumb {
    background: #E0A888;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #C47256;
}

/* Focus visible styles */
*:focus-visible {
    outline: 2px solid #C47256;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Subtle gradient overlay for hero image */
.hero-img-overlay::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(58, 42, 30, 0.2) 0%, transparent 50%);
    border-radius: 0.75rem;
    pointer-events: none;
}