/*
 * Tech & Society — LibreChat brand overrides
 * Minimal: teal accent only; default LibreChat dark backgrounds.
 */

@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&display=swap');

/* ─── Teal accent ────────────────────────────── */
:root,
.dark {
  --teal:      #2DC4B6;
  --teal-dim:  #1A7A73;
  --teal-glow: rgba(45,196,182,0.12);
}

/* Replace LibreChat's green accent with teal */
[class*="text-green-500"],
[class*="text-green-600"],
[class*="fill-green"] {
  color: var(--teal) !important;
  fill: var(--teal) !important;
}

[class*="bg-green-500"],
[class*="bg-green-600"],
[class*="bg-green-700"] {
  background-color: var(--teal) !important;
}

*:focus-visible {
  outline-color: var(--teal) !important;
  box-shadow: 0 0 0 2px rgba(45,196,182,0.35) !important;
}

/* ─── Send button ────────────────────────────── */
button[aria-label*="Send"],
button[data-testid*="send"] {
  background-color: var(--teal) !important;
  border-color: var(--teal-dim) !important;
}

button[aria-label*="Send"]:hover {
  background-color: #25a89b !important;
}

/* ─── Scrollbars ─────────────────────────────── */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-thumb {
  background: rgba(45,196,182,0.3);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--teal-dim);
}

/* ─── MCP tool call indicator ────────────────── */
[class*="tool"],
[class*="Tool"] {
  border-left: 2px solid var(--teal) !important;
}