/* Custom styles that extend Tailwind */
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Outfit', sans-serif;
    color: #3D2B1F;
    background-color: #FFFCF9;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Cormorant Garamond', serif;
}

/* Ensure contrast for accessibility */
.text-sand-800 { color: #873B27; }
.text-sand-700 { color: #A84A2C; }
.text-sand-600 { color: #C96038; }
.text-sand-500 { color: #E0916E; }

.bg-sand-800 { background-color: #873B27; }
.bg-sand-700 { background-color: #A84A2C; }
.bg-sand-600 { background-color: #C96038; }
.bg-sand-500 { background-color: #E0916E; }

.bg-sand-100 { background-color: #F9EDE5; }
.bg-sand-200 { background-color: #F2D8C8; }
.bg-sand-300 { background-color: #EAB89E; }

/* Smooth transitions for all interactive elements */
a, button {
    transition: all 0.3s ease;
}

/* Form focus states */
input:focus, textarea:focus, select:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(224, 145, 110, 0.3);
}

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

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

::-webkit-scrollbar-thumb {
    background: #E0916E;
    border-radius: 5px;
}

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