/* ============================================================
   Ask WIN — Wine Industry Network brand skin for LibreChat
   v5  (burgundy primary  +  WIN olive secondary  +  WIN logo)
   ------------------------------------------------------------
   Brand: primary burgundy #7B1544, secondary olive #989B66
   ============================================================ */

/* ---- Burgundy primary (drives toggles, sliders, focus rings,
        the Continue/submit buttons via --surface-submit, etc.) ---- */
:root, .dark {
  --brand-purple: #7B1544 !important;

  /* --green-* are the VARIABLE greens LibreChat resolves for
     --surface-submit (login/Continue button). Remapped to burgundy
     so primary submit actions read as WIN burgundy. */
  --green-50:#fbe9f0 !important;  --green-100:#f6ccdc !important; --green-200:#eca3bf !important;
  --green-300:#df769f !important; --green-400:#c64c7c !important; --green-500:#9B3564 !important;
  --green-600:#7B1544 !important; --green-700:#5B0F34 !important; --green-800:#4a0c2a !important;
  --green-900:#3a0921 !important; --green-950:#2a0617 !important;

  --ring-primary:#7B1544 !important;
  --primary: 332 71% 28% !important;       /* hsl(#7B1544) */
  --primary-foreground: 0 0% 100% !important;
  --ring: 332 71% 28% !important;
}

/* Send button uses a hard-coded color, so target it directly. */
button[aria-label*="send" i] { background-color: #7B1544 !important; }
button[aria-label*="send" i] svg { color: #ffffff !important; }

/* ============================================================
   WIN olive secondary (#989B66)
   ============================================================ */

/* Green TEXT accents (e.g. the prompt "shared" globe icons) -> olive.
   Reads well on the light prompt cards. */
[class~="text-green-400"],[class~="text-green-500"],[class~="text-green-600"],[class~="text-green-700"]{
  color:#989B66 !important;
}

/* The "Save As Preset" / submit-style button uses LibreChat's emerald/teal
   accent (NOT the green slot), which is why it ignored the green remap.
   Recolor emerald + teal directly -> WIN olive. */
[class*="bg-emerald-"],[class*="bg-teal-"]{ background-color:#989B66 !important; }
[class*="hover:bg-emerald-"]:hover,[class*="hover:bg-teal-"]:hover{ background-color:#878A59 !important; }
[class*="text-emerald-"],[class*="text-teal-"]{ color:#989B66 !important; }
[class*="border-emerald-"],[class*="border-teal-"]{ border-color:#989B66 !important; }

/* Burgundy pills/buttons (green-var backgrounds, e.g. the "Send prompts on
   select" toggle) need WHITE text for contrast. Shades 400-900 of the green
   slot resolve to dark burgundy, so white reads cleanly on them.
   This wins over the green-text->olive rule above (declared later). */
[class*="bg-green-400"],[class*="bg-green-500"],[class*="bg-green-600"],[class*="bg-green-700"],[class*="bg-green-800"],[class*="bg-green-900"],
[class*="bg-green-400"] *,[class*="bg-green-500"] *,[class*="bg-green-600"] *,[class*="bg-green-700"] *,[class*="bg-green-800"] *,[class*="bg-green-900"] *{
  color:#ffffff !important;
}

/* ---- WIN logo ----
   Light mode: served by the WIN burgundy logo.svg baked into the image.
   Dark mode: swap to the white monogram so it reads on the dark background. */
.dark img[src*="logo.svg"]{ content:url("/assets/win-icon-dark.png"); }