:root {
    --bg: #FDF9F3;
    --text: #2C1E14;
    --text-secondary: #7A6552;
    --accent: #8B4513;
    --card: #FFFFFF;
    --card-alt: #F5EDE3;
    --border: #E2D5C3;
    --border-light: #EDE6DB;
}
.dark {
    --bg: #141210;
    --text: #F5EDE4;
    --text-secondary: #A8956E;
    --accent: #D2691E;
    --card: #1E1A14;
    --card-alt: #252017;
    --border: #3D3425;
    --border-light: #2A2318;
}

body {
    background-color: var(--bg);
    color: var(--text);
}

/* Override Tailwind utilities with CSS variables */
.bg-white { background-color: var(--card) !important; }
.bg-gray-50 { background-color: var(--bg) !important; }
.bg-gray-100 { background-color: var(--card-alt) !important; }
.text-gray-900 { color: var(--text) !important; }
.text-gray-700 { color: var(--text-secondary) !important; }
.text-gray-600 { color: var(--text-secondary) !important; }
.text-gray-500 { color: var(--text-secondary) !important; }
.border-gray-200 { border-color: var(--border) !important; }
.border-gray-100 { border-color: var(--border-light) !important; }
.hover\:bg-gray-50:hover { background-color: var(--card-alt) !important; }
.hover\:bg-blue-50:hover { background-color: var(--card-alt) !important; }

/* Accent color overrides */
.text-blue-600 { color: var(--accent) !important; }
.text-blue-700 { color: var(--accent) !important; }
.bg-blue-600 { background-color: var(--accent) !important; }
.bg-blue-700 { background-color: var(--accent) !important; }
.bg-blue-100 { background-color: var(--card-alt) !important; }
.hover\:bg-blue-700:hover { background-color: var(--accent) !important; }
.hover\:text-blue-600:hover { color: var(--accent) !important; }
.border-blue-200 { border-color: var(--border) !important; }

/* Keep green/red/purple for specific UI elements */
.text-green-600 { color: #5a7a4a !important; }
.bg-green-100 { background-color: #e8f0e4 !important; }
.text-purple-600 { color: #7a5a8a !important; }
.bg-purple-100 { background-color: #ede4f0 !important; }
.text-orange-600 { color: var(--accent) !important; }

/* Dark mode green/red/purple */
.dark .bg-green-50 { background-color: #1a2a14 !important; }
.dark .text-green-800 { color: #7ab86a !important; }
.dark .border-green-200 { border-color: #2a3a24 !important; }
.dark .bg-red-50 { background-color: #2a1414 !important; }
.dark .text-red-800 { color: #e88a8a !important; }
.dark .border-red-200 { border-color: #3a2424 !important; }
.dark .bg-yellow-50 { background-color: #2a2414 !important; }
.dark .text-yellow-800 { color: #e8c88a !important; }
.dark .border-yellow-200 { border-color: #3a3424 !important; }
.dark .bg-blue-50 { background-color: #1a1a24 !important; }
.dark .text-blue-800 { color: #a8a8d8 !important; }
.dark .border-blue-200 { border-color: #2a2a3a !important; }