/* Custom Styles for RJK Chimney & Landscape */

/* Base styles */
html {
    scroll-behavior: smooth;
}

body {
    background-color: #FDFCF8; /* Warm sand off-white */
}

/* Typography overrides */
.font-serif {
    font-family: 'Cormorant Garamond', serif;
}

.font-sans {
    font-family: 'Manrope', sans-serif;
}

/* Asymmetric clip path for hero background */
.clip-path-slant {
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

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

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

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

/* Subtle animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 0.8s ease-out forwards;
}

/* Focus styles for accessibility */
input:focus, select:focus, textarea:focus {
    outline: none;
    border-color: #C05640;
}

/* Mobile menu transitions */
#mobile-menu {
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}