/* Custom styles for SJG Hair Salon */

:root {
    --terra-500: #C07251;
    --terra-600: #A85A3E;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 64px;
}

/* Floating card animations */
@keyframes float-slow {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}
@keyframes float-medium {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-7px); }
}
@keyframes float-fast {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-5px); }
}

.animate-float-slow { animation: float-slow 5s ease-in-out infinite; }
.animate-float-medium { animation: float-medium 4s ease-in-out infinite; }
.animate-float-fast { animation: float-fast 3.5s ease-in-out infinite; }

/* Selection color */
::selection {
    background: rgba(192, 114, 81, 0.2);
    color: inherit;
}

/* Custom scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #FBFAF9; }
::-webkit-scrollbar-thumb { background: #E8D9BE; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #DCA892; }
</style>