/* ============================================================
   Inference Co-op branding — LibreChat overlay (v3)
   Colors are pulled from the co-op homepage's own CSS variables
   (inference.coop): --cream #faf8f5, --wash #eef4ea, --green-deep
   #5b8c5a, --green-mid #6ba86b, --green-light #7ab87a, --ink
   #2d3327, --muted #6b7a62, --border #e8e2d8, font Figtree.
   LibreChat resolves its Tailwind colors through CSS variables on
   html.light / html.dark (space-separated RGB) — overriding them
   rebrands the WHOLE app through the existing theme system.
   ============================================================ */

html.light {
  --surface-primary: 250 248 245;   /* --cream #faf8f5 */
  --surface-secondary: 238 244 234; /* --wash #eef4ea */
  --surface-tertiary: 232 226 216;  /* --border #e8e2d8 */
  --surface-hover: 232 245 232;     /* #e8f5e8 (homepage wash hover) */
  --surface-submit: 91 140 90;      /* --green-deep #5b8c5a */
  --surface-submit-hover: 107 168 107; /* --green-mid #6ba86b */
  --accent-primary: 91 140 90;      /* --green-deep */
  --accent-primary-hover: 107 168 107; /* --green-mid */
  --ring-primary: 91 140 90;        /* --green-deep */
  --link: 91 140 90;                /* --green-deep */
  --text-primary: 45 51 39;         /* --ink #2d3327 */
  --text-secondary: 107 122 98;     /* --muted #6b7a62 */
  --border-light: 232 226 216;      /* --border #e8e2d8 */
}

html.dark {
  --surface-primary: 34 39 31;      /* deep pine */
  --surface-secondary: 42 48 39;
  --surface-tertiary: 52 59 48;
  --surface-hover: 45 51 39;        /* --ink */
  --surface-submit: 122 184 122;    /* --green-light #7ab87a */
  --surface-submit-hover: 142 200 142;
  --accent-primary: 122 184 122;
  --accent-primary-hover: 142 200 142;
  --ring-primary: 142 200 142;
  --link: 142 200 142;
  --text-primary: 232 245 232;      /* #e8f5e8 */
  --text-secondary: 148 160 140;
  --border-light: 74 82 64;
}

/* ---- Loading screen: brand the pre-React flash instead of white/black ---- */
#loading-container {
  background-color: rgb(250, 248, 245); /* cream */
}
@media (prefers-color-scheme: dark) {
  #loading-container {
    background-color: rgb(34, 39, 31);  /* deep pine */
  }
}

/* ---- Remove the "Don't have an account? Sign up" line ----
   The <p> wraps the register link on auth pages. :has() hides the
   whole paragraph (custom2.js is the MutationObserver fallback). */
p:has(> a[href*="register"]) {
  display: none !important;
}
/* Belt-and-braces: hide any residual register/signup links */
a[href*="register"],
a[href*="signup"] {
  display: none !important;
}

/* ---- Footer: simple centered link to the co-op homepage ---- */
footer {
  text-align: center;
  padding: 1rem;
}
footer::before {
  content: "© Inference Co-op – ";
}
footer::after {
  content: "inference.coop";
  color: rgb(var(--accent-primary));
  cursor: pointer;
}