/* Claude-like theme for LibreChat */
:root {
  --claude-bg: #f5f4ee;
  --claude-sidebar: #f0efe8;
  --claude-text: #1a1a1a;
  --claude-accent: #d97757;
  --claude-border: #e5e4dd;
  --claude-hover: #ecebe4;
}

/* Light mode background */
html.light, body, #root {
  background-color: var(--claude-bg) !important;
}

/* Dark mode - Claude dark */
html.dark, html.dark body, html.dark #root {
  background-color: #1a1a18 !important;
  color: #e8e6df !important;
}

/* Sidebar */
nav, aside, [class*="sidebar"] {
  background-color: var(--claude-sidebar) !important;
  border-right: 1px solid var(--claude-border) !important;
}

html.dark nav, html.dark aside, html.dark [class*="sidebar"] {
  background-color: #222220 !important;
  border-right-color: #333330 !important;
}

/* Accent color - buttons, links */
button[class*="primary"], a[class*="primary"],
[class*="bg-blue"], [class*="bg-indigo"] {
  background-color: var(--claude-accent) !important;
}

/* Font */
body, #root {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Chat input area */
textarea, input[type="text"] {
  border-radius: 12px !important;
  border-color: var(--claude-border) !important;
}

html.dark textarea, html.dark input[type="text"] {
  border-color: #333330 !important;
  background-color: #2a2a28 !important;
}

/* Message bubbles - cleaner */
[class*="message"] {
  border-radius: 8px !important;
}

/* Rounded buttons */
button {
  border-radius: 8px !important;
}