/* MVPoll Color Theme - Neutral Earth Tones */
:root {
    /* Primary Colors */
    --primary-50: #F5F3F0;
    --primary-100: #E8E4DC;
    --primary-200: #D9D3CA;
    --primary-300: #C4BAAE;
    --primary-400: #A89D91;
    --primary-500: #8E8E8E;
    --primary-600: #E9DAC9;
    --primary-700: #5F564D;
    --primary-800: #453D36;
    --primary-900: #2B2520;

    /* Accent Colors */
    --accent-light: #C4BAAE;
    --accent-medium: #8E8E8E;
    --accent-dark: #E9DAC9;

    /* Semantic Colors */
    --bg-primary: #F5F3F0;
    --bg-secondary: #E8E4DC;
    --bg-tertiary: #D9D3CA;
    --bg-card: #FFFFFF;
    
    --text-primary: #2B2520;
    --text-secondary: #5F564D;
    --text-muted: #8E8E8E;
    --text-inverse: #FFFFFF;
    
    --border-light: #D9D3CA;
    --border-medium: #C4BAAE;
    --border-dark: #8E8E8E;
    
    /* Button Colors */
    --btn-primary-bg: #E9DAC9;
    --btn-primary-hover: #D9D3CA;
    --btn-primary-text: #2B2520;
    
    --btn-secondary-bg: #C4BAAE;
    --btn-secondary-hover: #A89D91;
    --btn-secondary-text: #2B2520;
    
    /* Status Colors */
    --success-bg: #D4E4D4;
    --success-text: #2D5F2D;
    --success-border: #8FBC8F;
    
    --warning-bg: #F5E6D3;
    --warning-text: #8B6914;
    --warning-border: #D4A574;
    
    --error-bg: #F5D4D4;
    --error-text: #8B2E2E;
    --error-border: #D48F8F;
    
    --info-bg: #D4E4F5;
    --info-text: #2E5F8B;
    --info-border: #8FB4D4;
    
    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgba(43, 37, 32, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(43, 37, 32, 0.1), 0 2px 4px -1px rgba(43, 37, 32, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(43, 37, 32, 0.1), 0 4px 6px -2px rgba(43, 37, 32, 0.05);
    --shadow-xl: 0 20px 25px -5px rgba(43, 37, 32, 0.1), 0 10px 10px -5px rgba(43, 37, 32, 0.04);
}

/* Remove all dark mode styles */
@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: light;
    }
}

/* Force light mode */
* {
    color-scheme: light;
}

/* Base Styles */
body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

/* Tailwind Override Classes */
.bg-primary { background-color: var(--bg-primary) !important; }
.bg-secondary { background-color: var(--bg-secondary) !important; }
.bg-tertiary { background-color: var(--bg-tertiary) !important; }
.bg-card { background-color: var(--bg-card) !important; }

.text-primary { color: var(--text-primary) !important; }
.text-secondary { color: var(--text-secondary) !important; }
.text-muted { color: var(--text-muted) !important; }

.border-primary { border-color: var(--border-light) !important; }
.border-secondary { border-color: var(--border-medium) !important; }

.btn-primary {
    background-color: var(--btn-primary-bg) !important;
    color: var(--btn-primary-text) !important;
    border: none !important;
}

.btn-primary:hover {
    background-color: var(--btn-primary-hover) !important;
}

.btn-secondary {
    background-color: var(--btn-secondary-bg) !important;
    color: var(--btn-secondary-text) !important;
    border: none !important;
}

.btn-secondary:hover {
    background-color: var(--btn-secondary-hover) !important;
}

/* Gradient */
.gradient-bg {
    background-color: var(--primary-700) !important;
}

/* Status Badges */
.status-active {
    background-color: var(--success-bg) !important;
    color: var(--success-text) !important;
    border: 1px solid var(--success-border) !important;
}

.status-closed {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-secondary) !important;
    border: 1px solid var(--border-medium) !important;
}

.status-draft {
    background-color: var(--warning-bg) !important;
    color: var(--warning-text) !important;
    border: 1px solid var(--warning-border) !important;
}

/* Cards */
.card {
    background-color: var(--bg-card);
    border: 1px solid var(--border-light);
    box-shadow: var(--shadow-md);
}

.card:hover {
    box-shadow: var(--shadow-lg);
}

/* Navigation - exclude admin sidebar */
body:not(.admin-page) nav,
body.admin-page header nav {
    background-color: var(--bg-card) !important;
    border-bottom: 1px solid var(--border-light) !important;
}

/* Footer */
footer {
    background-color: var(--primary-900) !important;
    color: var(--text-inverse) !important;
}

/* Forms */
input, select, textarea {
    background-color: var(--bg-card) !important;
    border-color: var(--border-medium) !important;
    color: var(--text-primary) !important;
}

input:focus, select:focus, textarea:focus {
    border-color: var(--accent-dark) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(233, 218, 201, 0.1) !important;
}

/* Links - only apply to non-admin pages */
body:not(.admin-page) a {
    color: var(--primary-800);
}

body:not(.admin-page) a:hover {
    color: var(--primary-800);
}

/* Tailwind Purple Color Overrides - Replace with Earth Tones */
.text-purple-600 { color: #E9DAC9 !important; }
.text-purple-700 { color: #5F564D !important; }
.text-purple-800 { color: #453D36 !important; }
.text-purple-500 { color: #8E8E8E !important; }
.text-purple-400 { color: #A89D91 !important; }
.text-purple-900 { color: #2B2520 !important; }

.bg-purple-600 { background-color: #E9DAC9 !important; }
.bg-purple-700 { background-color: #5F564D !important; }
.bg-purple-800 { background-color: #453D36 !important; }
.bg-purple-500 { background-color: #8E8E8E !important; }
.bg-purple-400 { background-color: #A89D91 !important; }
.bg-purple-100 { background-color: #E8E4DC !important; }
.bg-purple-50 { background-color: #F5F3F0 !important; }

.border-purple-600 { border-color: #E9DAC9 !important; }
.border-purple-500 { border-color: #8E8E8E !important; }
.border-purple-400 { border-color: #A89D91 !important; }

.hover\:bg-purple-700:hover { background-color: #5F564D !important; }
.hover\:bg-purple-600:hover { background-color: #E9DAC9 !important; }
.hover\:text-purple-600:hover { color: #E9DAC9 !important; }
.hover\:text-purple-700:hover { color: #5F564D !important; }

.from-purple-600 { --tw-gradient-from: #E9DAC9 !important; }
.to-purple-800 { --tw-gradient-to: #5F564D !important; }

/* Ring colors for focus states */
.ring-purple-600 { --tw-ring-color: #E9DAC9 !important; }
.focus\:ring-purple-600:focus { --tw-ring-color: #E9DAC9 !important; }

/* Additional color mappings */
.bg-gray-50 { background-color: #F5F3F0 !important; }
.bg-gray-100 { background-color: #E8E4DC !important; }
.bg-gray-900 { background-color: #2B2520 !important; }

/* Status colors with earth tones */
.bg-green-100 { background-color: #D4E4D4 !important; }
.text-green-800 { color: #2D5F2D !important; }
.bg-yellow-100 { background-color: #F5E6D3 !important; }
.text-yellow-800 { color: #8B6914 !important; }