/* Custom styles for Harrodsburg Kids Dentistry */

:root {
    --emerald-50: #ecfdf5;
    --emerald-100: #d1fae5;
    --emerald-500: #10b981;
    --emerald-600: #059669;
    --emerald-700: #047857;
    --emerald-800: #065f46;
    --emerald-900: #064e3b;
    --cream-50: #fdfcf8;
    --cream-100: #faf8f2;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Smooth scroll offset for fixed navbar */
section[id] {
    scroll-margin-top: 80px;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: var(--cream-100);
}
::-webkit-scrollbar-thumb {
    background: var(--emerald-200);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--emerald-400);
}

/* Selection color */
::selection {
    background: var(--emerald-200);
    color: var(--emerald-900);
}

/* Subtle hover underline for text links */
a:not(.bg-emerald-700):not(.bg-cream-50):not(.inline-flex):not([class*="bg-"]):not(.mobile-link) {
    text-decoration: none;
}

/* Image hover effect */
img {
    transition: transform 0.5s ease;
}

/* Service cards stagger animation */
.service-card {
    opacity: 0;
    transform: translateY(20px);
}