/* ============================================================
   Plexicus theme overrides for LibreChat
   Re-skins the stock green/gray accents to Plexicus purple (#8220FF).
   Loaded via a <link> injected into index.html at container start.
   ============================================================ */

:root,
.dark {
  /* Brand token used across the app */
  --brand-purple: #8220ff;

  /* Primary action / send button: stock green -> Plexicus purple */
  --surface-submit: #8220ff;
  --surface-submit-hover: #6f12e6;

  /* Focus ring -> brand purple (H 262, S 100%, L 56% == #8220FF) */
  --ring: 262 100% 56%;
  --ring-primary: #8220ff;
}

/* Send button: ensure the icon stays readable on purple */
button[data-testid="send-button"],
button[aria-label*="Send" i] {
  background-color: var(--surface-submit) !important;
  color: #ffffff !important;
}
button[data-testid="send-button"]:hover,
button[aria-label*="Send" i]:hover {
  background-color: var(--surface-submit-hover) !important;
}

/* Links and inline accents */
a:not(.btn):not([role="button"]) {
  color: #8220ff;
}

/* Composer focus ring -> purple instead of green */
form textarea:focus,
form [contenteditable="true"]:focus {
  --tw-ring-color: #8220ff !important;
  border-color: #8220ff !important;
}

/* Active/selected nav items get a subtle purple tint */
nav a[aria-current="page"],
nav [data-active="true"] {
  color: #8220ff;
}