/* Custom styles to supplement Tailwind */
html {
    scroll-behavior: smooth;
}

body {
    background-color: #fefce8; /* cream */
}

/* Ensure high contrast for all text */
h1, h2, h3, h4, h5, h6 {
    color: #0f172a; /* midnight */
}

/* Geometric shape animation keyframes are in the HTML style tag for simplicity, 
   but can be moved here if needed. */

@media (prefers-reduced-motion: no-preference) {
    .service-card {
        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease;
    }
}