/* U-Design Central Stylesheet */

/* Custom Utilities */
.hero-gradient {
    background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('/images/HomePage/GreatClipsSign.jpg');
    background-size: cover;
    background-position: center;
}

.glass-nav {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(8px);
}

.dark .glass-nav {
    background: rgba(13, 13, 13, 0.8);
}

.transition-theme {
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

/* Custom Scrollbar for modern look */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.dark ::-webkit-scrollbar-track {
    background: #1a1a1a;
}

::-webkit-scrollbar-thumb {
    background: #F22738;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #D92332;
}