/* ==========================================================================
   TuriaDesign IA — Custom theme override for Odysseus
   Forces light theme with Turia brand colors
   ========================================================================== */

/* --- Base palette (force light) --- */
:root,
html,
body {
  --bg: #F7F7F5 !important;
  --fg: #1A1A1A !important;
  --panel: #FFFFFF !important;
  --panel-rgb: 255, 255, 255 !important;
  --border: #E5E5E0 !important;
  --input-bg: #FFFFFF !important;
  --input-border: #D4D4CE !important;
  --sidebar-bg: #FFFFFF !important;
  --sidebar-fg: #1A1A1A !important;
  --brand-color: #1A1A1A !important;
  --hamburger-color: #1A1A1A !important;
  --accent: #B8895A !important;
  --red: #B8895A !important;
  --green: #4A7C59 !important;

  --user-bubble-bg: #F0EFEA !important;
  --ai-bubble-bg: #FFFFFF !important;
  --bubble-border: #E5E5E0 !important;

  --send-btn-bg: #1A1A1A !important;
  --send-btn-hover: #333333 !important;

  --code-bg: #F5F5F0 !important;
  --code-fg: #1A1A1A !important;

  --toggle-active: #B8895A !important;

  background-color: var(--bg) !important;
  color: var(--fg) !important;
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* --- Global backgrounds --- */
.app-shell,
.chat-shell,
.main-content,
.welcome-screen,
.welcome-screen::before,
#app,
.chat-area,
.chat-messages,
.input-area,
.sidebar,
.sidebar-panel,
.settings-panel,
.research-panel,
.email-panel,
.calendar-panel,
.memory-panel,
.library-panel,
.gallery-panel,
.tasks-panel,
.notes-panel,
.compare-panel,
.cookbook-panel {
  background-color: var(--bg) !important;
  color: var(--fg) !important;
}

/* --- Sidebar --- */
.sidebar {
  background-color: var(--sidebar-bg) !important;
  border-right: 1px solid var(--border) !important;
}

.sidebar-brand {
  color: var(--brand-color) !important;
}

.sidebar-brand-title {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
}

.list-item,
.section-title,
.session-item,
.email-thread-item,
.calendar-event,
.task-item,
.note-item {
  color: var(--fg) !important;
}

.list-item:hover,
.session-item:hover,
.section-header-btn:hover {
  background-color: rgba(184, 137, 90, 0.08) !important;
}

/* --- Chat bubbles --- */
.message.assistant,
.ai-bubble,
.bubble-ai,
.chat-message.assistant {
  background-color: var(--ai-bubble-bg) !important;
  border: 1px solid var(--bubble-border) !important;
  color: var(--fg) !important;
}

.message.user,
.user-bubble,
.bubble-user,
.chat-message.user {
  background-color: var(--user-bubble-bg) !important;
  color: var(--fg) !important;
}

/* --- Inputs --- */
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select,
#message,
.model-picker-btn,
.search-input {
  background-color: var(--input-bg) !important;
  border: 1px solid var(--input-border) !important;
  color: var(--fg) !important;
  border-radius: 8px !important;
}

/* --- Buttons --- */
button.primary,
.sign-in-btn,
.send-btn,
#send-btn,
.input-icon-btn:hover,
.model-picker-action-btn.primary {
  background-color: var(--send-btn-bg) !important;
  color: #FFFFFF !important;
  border-radius: 8px !important;
}

button.primary:hover,
.sign-in-btn:hover,
.send-btn:hover,
#send-btn:hover {
  background-color: var(--send-btn-hover) !important;
}

/* --- Accent / links --- */
a,
.setup-trigger-link,
.accent,
.section-icon,
.research-status,
.tool-status {
  color: var(--accent) !important;
}

/* --- Code blocks --- */
pre,
code,
.code-block {
  background-color: var(--code-bg) !important;
  color: var(--code-fg) !important;
  border: 1px solid var(--border) !important;
  border-radius: 6px !important;
}

/* --- Cards / modals --- */
.modal,
.toast,
.dropdown-menu,
.context-menu,
.export-dropdown-menu,
.theme-panel,
.preset-card {
  background-color: var(--panel) !important;
  border: 1px solid var(--border) !important;
  color: var(--fg) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06) !important;
}

/* --- Login page specific --- */
.login-card,
.auth-card,
.login-form {
  background-color: var(--panel) !important;
  border: 1px solid var(--border) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06) !important;
}

.login-body,
.login-page {
  background-color: var(--bg) !important;
}

/* --- Hide animated bg effects if they clash --- */
.bg-effect-canvas,
.theme-bg-effect,
#bg-effect-canvas {
  opacity: 0.03 !important;
}

/* --- Scrollbars --- */
::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
}

::-webkit-scrollbar-track {
  background: var(--bg) !important;
}

::-webkit-scrollbar-thumb {
  background: #D4D4CE !important;
  border-radius: 4px !important;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--accent) !important;
}

/* --- Selection --- */
::selection {
  background-color: rgba(184, 137, 90, 0.25) !important;
  color: var(--fg) !important;
}