/* Custom Color Definitions */
:root {
    --terracotta: #E07A5F;
    --terracotta-dark: #c4624a;
    --sand-light: #F4F1DE;
    --sand-dark: #E6DCC4;
    --slate-800: #1e293b;
}

/* Tailwind Configuration via CSS Variables (if needed for custom utilities) */
.bg-terracotta { background-color: var(--terracotta); }
.bg-terracotta-dark { background-color: var(--terracotta-dark); }
.bg-sand-light { background-color: var(--sand-light); }
.bg-sand-dark { background-color: var(--sand-dark); }
.text-terracotta { color: var(--terracotta); }
.text-terracotta-dark { color: var(--terracotta-dark); }

/* Typography */
.font-heading {
    font-family: 'Montserrat', sans-serif;
}
.font-sans {
    font-family: 'Open Sans', sans-serif;
}

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: var(--sand-light);
}
::-webkit-scrollbar-thumb {
    background: var(--terracotta);
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--terracotta-dark);
}