```css
/* style.css */
/* Custom styles that complement or override Tailwind CSS for the Modern Craftsman theme */

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Apply Georgia to serif elements if Tailwind's font-serif isn't specific enough or for broader application */
.font-serif, h1, h2, h3, h4, .logo { /* Example: Targeting specific elements for serif */
    font-family: 'Georgia', serif;
}
/* Ensure Inter is primary for sans-serif */
.font-sans, p, a, span, li, label, input, select, textarea, button, footer {
    font-family: 'Inter', sans-serif;
}

/* More specific control for logo parts if needed */
.logo .flooring-part {
    font-family: 'Inter', sans-serif; /* Ensuring this part is sans-serif */
}


/* Custom form input styling to match the craftsman aesthetic */
.form-input {
    @apply w-full px-4 py-2.5 border border-brand-bg-muted rounded-md bg-white focus:ring-2 focus:ring-brand-accent focus:border-brand-accent transition duration-200 placeholder-gray-400 text-sm;
    font-family: 'Inter', sans-serif;
}

select.form-input {
    @apply appearance-none; /* Remove default select arrow if custom one is added via background or pseudo-element */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='[http://www.w3.org/2000/svg](http://www.w3.org/2000/svg)' viewBox='0 0 20 20' fill='%23B08D57'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1.25em 1.25em;
    padding-right: 2.5rem; /* Make space for the arrow */
}


/* Custom button styles if needed beyond Tailwind utilities */
.btn-primary {
    @apply bg-brand-accent hover:bg-opacity-80 text-brand-primary font-semibold py-3 px-8 rounded-md transition duration-300 shadow-md;
}

.btn-secondary {
     @apply bg-transparent border-2 border-brand-accent text-brand-text-light hover:bg-brand-accent hover:text-brand-primary font-semibold py-3 px-8 rounded-md transition duration-300 shadow-md;
}

/* Active navigation link style */
header nav a.active-nav-link { /* You'd add this class via JS or server-side */
    @apply text-brand-accent border-b-2 border-brand-accent;
}
/* For current page styling if not using JS for active class */
/* Example for services.html active link */
/* body.page-services .nav-services-link {
    @apply text-brand-accent border-b-2 border-brand-accent;
} */


/* Yelp Star Color */
.text-brand-yelp-red {
    color: #D32323; /* Official Yelp Red */
}
.fa-star.text-brand-accent { /* Ensure Yelp stars in testimonials use the accent color */
    color: #B08D57;
}

/* Additional subtle craftsman touches */
.section-title::after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background-color: #B08D57; /* brand-accent */
    margin: 10px auto 0;
}

/* Ensure smooth scroll for anchor links */
html {
    scroll-behavior: smooth;
}