/* ECOnnect — dark mode overrides, activated via [data-theme="dark"] on */ html[data-theme="dark"] { --neutral: #121712; --card-bg: #1b231b; --text: #e8f0e8; --text-muted: #9db69d; --border: #2c382c; --shadow: 0 2px 12px rgba(0,0,0,.5); } html[data-theme="dark"] body { background: var(--neutral); color: var(--text); } html[data-theme="dark"] .site-header { background: #16201a; } html[data-theme="dark"] .brand { color: var(--soft-green); } html[data-theme="dark"] .nav-links li a { color: var(--text); } html[data-theme="dark"] input, html[data-theme="dark"] select, html[data-theme="dark"] textarea { background: #0f150f; color: var(--text); border-color: var(--border); } html[data-theme="dark"] .swipe-card, html[data-theme="dark"] .chat-layout, html[data-theme="dark"] .card { background: var(--card-bg); } html[data-theme="dark"] .msg.theirs { background: #263426; } html[data-theme="dark"] .msg.mine { background: #2e5a34; } html[data-theme="dark"] .tag, html[data-theme="dark"] .alert-success { background: #22331f; color: var(--text); } html[data-theme="dark"] .hero { background: linear-gradient(180deg, #17251a, var(--neutral)); } html[data-theme="dark"] .skeleton { background: linear-gradient(90deg, #1b231b 25%, #263226 50%, #1b231b 75%); background-size: 200% 100%; } html[data-theme="dark"] .theme-toggle { border-color: var(--border); color: var(--text); } html[data-theme="dark"] .notif-item.unread { background: #1e2e1e; } html[data-theme="dark"] .chip-option { border-color: var(--border); }