/* SOLWED Branding Override for LibreChat */
/* Primary: #facc15 (yellow), Dark bg: #0d0d0d */

/* Light mode */
html {
  --brand-purple: #facc15 !important;
  --surface-submit: #b45309 !important;
  --surface-submit-hover: #92400e !important;
  --ring-primary: #facc15 !important;
}

/* Dark mode */
.dark {
  --brand-purple: #facc15 !important;
  --surface-submit: #b45309 !important;
  --surface-submit-hover: #92400e !important;
  --ring-primary: #facc15 !important;
}

/* Override the purple accent anywhere it appears */
[class*="brand-purple"],
[class*="text-brand"] {
  color: #facc15 !important;
}

[class*="bg-brand"] {
  background-color: #facc15 !important;
}

/* Send button - use SOLWED amber/yellow */
button[data-testid="send-button"],
button[aria-label="Send message"],
form button[type="submit"] {
  background-color: #b45309 !important;
}

button[data-testid="send-button"]:hover,
button[aria-label="Send message"]:hover,
form button[type="submit"]:hover {
  background-color: #92400e !important;
}

/* Active/selected items accent */
[data-state="active"],
[data-state="checked"] {
  --brand-purple: #facc15 !important;
}

/* Toggle switches when checked */
button[role="switch"][data-state="checked"] {
  background-color: #facc15 !important;
}

/* Focus rings */
*:focus-visible {
  --tw-ring-color: #facc15 !important;
}

/* Links and interactive elements */
a:hover, .text-brand-purple {
  color: #facc15 !important;
}