/* Dark Mode Styles - Warm Earth Theme for Farmers Market */
/* Color Palette:
   - #1c1917: Deep warm brown/charcoal (primary background) - like rich soil
   - #292524: Warm stone gray (secondary background) - natural earth
   - #16a34a: Fresh green (accent) - matches light mode, fresh produce
   - #ffffff: White (primary text) - maximum visibility
   - #a8a29e: Warm gray (secondary text) - natural, readable
*/

.dark {
    /* Base colors */
    --bg-primary: #1c1917;
    --bg-secondary: #292524;
    --bg-card: #292524;
    --text-primary: #ffffff;
    --text-secondary: #a8a29e;
    --accent: #16a34a;
    --accent-hover: #22c55e;
    --border-color: rgba(168, 162, 158, 0.1);
}

/* Body */
.dark body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

/* Navbar - Ensure maximum visibility */

.dark nav.scrolled {
    /* Background and shadow handled by inline styles for floating pill */
}

.dark nav a {
    color: var(--text-primary);
}

.dark nav.scrolled a:not(.btn-action) {
    color: var(--text-primary);
}

.dark nav a:hover,
.dark nav.scrolled a:not(.btn-action):hover {
    background-color: rgba(22, 163, 74, 0.1);
    color: var(--text-primary);
}

.dark .btn-action {
    background: var(--accent);
    color: #fff;
}

.dark .btn-action:hover {
    background: var(--accent-hover);
}

.dark .logo-dot {
    background-color: var(--accent) !important;
}

/* Hero Section */
.dark header {
    background: linear-gradient(135deg, #1c1917 0%, #292524 100%);
}

.dark header h1,
.dark header p,
.dark header span {
    color: var(--text-primary);
}

/* Seasonal Harvest Section - LIGHTER background */
.dark .seasonal-harvest {
    background-color: var(--bg-secondary) !important;
    background-image: none !important;
}

.dark .seasonal-harvest h2 {
    color: var(--text-primary);
}

.dark .seasonal-harvest p {
    color: var(--text-secondary);
}

.dark .seasonal-harvest .text-accent {
    color: var(--accent);
}

/* Card overlays - make them darker for better text visibility */
.dark .seasonal-card .bg-black\/40 {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

.dark .seasonal-card .bg-black\/30 {
    background-color: rgba(0, 0, 0, 0.6) !important;
}

/* How It Works Section - Handled by Tailwind dark: classes */

/* Why Choose FarmHub Section - LIGHTER background with DARKER cards */
.dark .benefits-section {
    background-color: var(--bg-secondary);
}

.dark .benefits-section .text-accent {
    color: var(--accent);
}

.dark .benefits-section h2 {
    color: var(--text-primary);
}

.dark .benefits-section>div>div>p {
    color: var(--text-secondary);
}

.dark .benefit-card {
    background-color: var(--bg-primary);
    border-color: transparent;
}

.dark .benefit-card:hover {
    border-color: var(--accent);
    box-shadow: 0 15px 50px rgba(22, 163, 74, 0.15);
}

.dark .benefit-card h3 {
    color: var(--text-primary);
}

.dark .benefit-card:hover h3 {
    color: var(--accent);
}

.dark .benefit-card p {
    color: var(--text-secondary);
}

/* Icon backgrounds */
.dark .benefit-card .bg-gradient-to-br {
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.1), rgba(22, 163, 74, 0.2)) !important;
}

.dark .benefit-card svg {
    color: var(--accent);
}

/* Stats Section */
.dark .stats-section {
    border-top-color: var(--border-color);
}

.dark .stat-number {
    color: var(--text-primary);
    font-weight: 900;
}

.dark .stats-section p:not(.stat-number) {
    color: var(--text-secondary);
}

/* Newsletter Section - DARKER background */
.dark .newsletter-section {
    background-color: var(--bg-primary);
}

.dark .newsletter-section h2 {
    color: var(--text-primary);
}

.dark .newsletter-section p {
    color: var(--text-secondary);
}

.dark .newsletter-section input[type="email"] {
    background-color: var(--bg-secondary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

.dark .newsletter-section input[type="email"]::placeholder {
    color: #78716c;
}

.dark .newsletter-section input[type="email"]:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.1);
}

.dark .newsletter-section button[type="submit"] {
    background: var(--accent);
}

.dark .newsletter-section button[type="submit"]:hover {
    background: var(--accent-hover);
}

/* Footer - DARKER background */
.dark footer {
    background-color: var(--bg-primary);
    border-top-color: var(--border-color);
}

.dark footer .text-slate-900,
.dark footer>div>div:first-child {
    color: var(--text-primary) !important;
}

.dark footer .bg-accent {
    background-color: var(--accent) !important;
}

.dark footer a {
    color: var(--text-secondary);
}

.dark footer a:hover {
    color: var(--accent);
}

.dark footer p:last-child {
    color: #78716c;
}

/* General accent replacements */
.dark .text-accent {
    color: var(--accent) !important;
}

.dark .bg-accent {
    background-color: var(--accent) !important;
}


/* Smooth transitions */
* {
    transition-property: background-color, border-color, color, box-shadow;
    transition-duration: 300ms;
    transition-timing-function: ease;
}