/* Wesfarmers Health branding override for LibreChat v0.8.6 (test instance) – 1 Oct 2026.
   Source: Wesfarmers Health "Brand Essentials Guide" (July 2023): corporate palette + Arial.
   Loaded after the app stylesheet via the mounted index.html; delete the mounts to revert. */
:root {
  --wfh-green: #007e48;        /* Wesfarmers Green (primary)  */
  --wfh-bright-green: #00ac69; /* Bright Green                */
  --wfh-dark-green: #004838;   /* Dark Green                  */
  --wfh-mint: #e7f2ea;         /* Mint                        */
  --wfh-lime: #95c11f;         /* Lime                        */
  --wfh-charcoal: #282727;     /* Charcoal                    */
  --wfh-mid-grey: #878787;
  --wfh-light-grey: #c6c6c6;
  --wfh-beige: #ede7de;
}
/* theme variables – light */
html:not(.dark), :root:not(.dark) {
  --surface-submit: var(--wfh-green);
  --surface-submit-hover: var(--wfh-dark-green);
  --text-primary: var(--wfh-charcoal);
  --surface-primary-alt: var(--wfh-mint);     /* side nav */
  --surface-active-alt: #d3e8da;              /* selected/hover items on the mint nav */
  --surface-hover: #dcece1;
  --ring-primary: var(--wfh-green);
  --header-hover: var(--wfh-mint);
  --header-button-hover: var(--wfh-mint);
  --green-500: var(--wfh-bright-green);
  --green-600: var(--wfh-green);
  --green-700: var(--wfh-green);
  --green-800: var(--wfh-dark-green);
}
/* theme variables – dark */
.dark {
  --surface-submit: var(--wfh-green);
  --surface-submit-hover: var(--wfh-bright-green);
  --ring-primary: var(--wfh-bright-green);
  --green-500: var(--wfh-bright-green);
  --green-600: var(--wfh-green);
  --green-700: var(--wfh-green);
}
/* typography: Arial is the WFH corporate typeface (code stays monospace) */
html, body, button, input, textarea, select, .font-sans, [class*="font-"]:not(.font-mono) {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}
pre, code, kbd, samp, .font-mono, .cm-editor, .cm-content { font-family: "Roboto Mono", ui-monospace, monospace !important; }
/* Tailwind green utilities are compiled to fixed hex values, so re-map them to the WFH greens */
.bg-green-500, .bg-green-600, .bg-green-700 { background-color: var(--wfh-green) !important; }
.hover\:bg-green-600:hover, .hover\:bg-green-700:hover, .hover\:bg-green-800:hover { background-color: var(--wfh-dark-green) !important; }
.text-green-500, .text-green-600, .text-green-700, .peer:focus ~ .peer-focus\:text-green-600 { color: var(--wfh-green) !important; }
.dark .dark\:text-green-500, .dark .dark\:text-green-400 { color: var(--wfh-bright-green) !important; }
.hover\:text-green-700:hover, .focus\:text-green-700:focus { color: var(--wfh-dark-green) !important; }
.border-green-500, .border-green-600, .focus\:border-green-500:focus, .peer:focus { border-color: var(--wfh-green); }
.bg-green-500\/10 { background-color: rgba(0, 126, 72, 0.08) !important; }
.focus\:ring-green-500:focus, .focus-visible\:ring-green-500:focus-visible { --tw-ring-color: var(--wfh-green) !important; }
a { color: inherit; }
/* login / register / reset pages: the logo container is a fixed 40px strip – give the vertical logo room */
img[src="assets/logo.svg"] { height: 100% !important; content: url("wfh-logo-primary.png?v=wfh1"); } /* new URL sidesteps the Cloudflare edge copy of the old logo.svg */
div:has(> img[src="assets/logo.svg"]) { height: 112px !important; margin-top: 40px !important; }
/* login heading + submit in brand colours */
main h1 { color: var(--wfh-green) !important; font-weight: 700 !important; }
.dark main h1 { color: #ffffff !important; }
button[type="submit"] { background-color: var(--wfh-green) !important; color: #fff !important; }
button[type="submit"]:hover:not(:disabled) { background-color: var(--wfh-dark-green) !important; }
/* footer links */
footer a, [role="contentinfo"] a { color: var(--wfh-green) !important; }