/* Light/dark mode, <html data-theme="..."> is set by /scripts/theme.js */

:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"]  { color-scheme: dark; }

/* cards (e.g. conversation settings) keep readable text even on colorful chat themes */
.card { color: #212529; }

[data-theme="dark"] body { background-color: #18191a; color: #e4e6eb; }

[data-theme="dark"] .bg-light { background-color: #242526 !important; }
[data-theme="dark"] .border-light { border-color: #3a3b3c !important; }
[data-theme="dark"] .text-dark,
[data-theme="dark"] .navbar-light .navbar-brand { color: #e4e6eb !important; }
[data-theme="dark"] .text-muted { color: #b0b3b8 !important; }
[data-theme="dark"] hr { border-top-color: #3a3b3c; }

[data-theme="dark"] .card { background-color: #242526; border-color: #3a3b3c; color: #e4e6eb; }

[data-theme="dark"] .list-group-item { background-color: #242526; border-color: #3a3b3c; color: #e4e6eb; }
[data-theme="dark"] .list-group-item-action:hover,
[data-theme="dark"] .list-group-item-action:focus { background-color: #3a3b3c; color: #ffffff; }

[data-theme="dark"] .form-control { background-color: #3a3b3c; border-color: #4e4f50; color: #e4e6eb; }
[data-theme="dark"] .form-control:focus { background-color: #3a3b3c; color: #ffffff; }
[data-theme="dark"] .form-control::placeholder { color: #b0b3b8; }

[data-theme="dark"] .btn-light { background-color: #3a3b3c; border-color: #3a3b3c; color: #e4e6eb; }
[data-theme="dark"] .btn-light:hover { background-color: #4e4f50; border-color: #4e4f50; color: #ffffff; }
[data-theme="dark"] .btn-outline-secondary { color: #b0b3b8; border-color: #b0b3b8; }
[data-theme="dark"] .btn-outline-secondary:hover { background-color: #b0b3b8; color: #18191a; }