@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=Montserrat:wght@300;400;500&display=swap');

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

body {
    font-family: 'Cormorant Garamond', serif;
    line-height: 1.6;
}

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

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

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

::-webkit-scrollbar-thumb:hover {
    background: #9a7552;
}

/* Section spacing */
section {
    scroll-margin-top: 80px;
}

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

/* Form input focus */
input:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(180, 139, 94, 0.3);
}

/* Fix #5: petit feedback texte sous le formulaire */
.form-status {
    margin-top: 0.75rem;
    font-size: 0.95rem;
    line-height: 1.4;
    color: rgba(120, 53, 15, 0.85); /* s’intègre au thème amber */
}

/* Responsive typography */
@media (max-width: 768px) {
    h1 {
        font-size: 2.5rem;
    }
    h2 {
        font-size: 2rem;
    }
}