/* Bäthe KI – Farben und Schrift nach Bäthe-CI (Deep5). Wird nach dem LibreChat-CSS geladen. */

@font-face {
  font-family: "Delicious";
  src: url("./baethe-fonts/Delicious-Bold.otf") format("opentype");
  font-weight: 600 700;
  font-display: swap;
}
@font-face {
  font-family: "Delicious";
  src: url("./baethe-fonts/Delicious-Heavy.otf") format("opentype");
  font-weight: 800 900;
  font-display: swap;
}

/* Hell: Bäthe-Grün (#1F6B00, Website) als Akzent, Flächen leicht grün getönt (CI-Hellgrün #DAEBC9) */
html {
  --baethe-green: 31 107 0;
  --baethe-green-dark: 22 80 0;
  --surface-submit: var(--baethe-green);
  --surface-submit-hover: var(--baethe-green-dark);
  --accent-primary: var(--baethe-green);
  --accent-primary-hover: var(--baethe-green-dark);
  --ring-primary: var(--baethe-green);
  --brand-purple: var(--baethe-green);
  --link: var(--baethe-green);
  --link-hover: var(--baethe-green-dark);
  --link-visited: var(--baethe-green-dark);
  --surface-primary-alt: 246 249 242;
  --surface-secondary: 246 249 242;
  --surface-active: 226 238 213;
  --surface-active-alt: 218 235 201;
  --surface-hover: 234 243 224;
  --surface-hover-alt: 218 235 201;
  --surface-composer-hover: 234 243 224;
}

/* Dunkel: helleres Grün, damit Text und Links lesbar bleiben */
html.dark {
  --baethe-green: 31 107 0;
  --baethe-green-dark: 22 80 0;
  --surface-submit: var(--baethe-green);
  --surface-submit-hover: 42 130 10;
  --accent-primary: 122 178 92;
  --accent-primary-hover: 150 200 120;
  --ring-primary: 122 178 92;
  --brand-purple: 122 178 92;
  --link: 140 196 108;
  --link-hover: 170 214 142;
  --link-visited: 140 196 108;
}

/* Bäthe-Schrift für Begrüßung und Überschriften der Anmeldeseiten */
h1.text-3xl,
.font-medium.text-text-primary.sm\:text-4xl,
.font-medium.text-text-primary.sm\:text-2xl {
  font-family: "Delicious", ui-sans-serif, system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: 0.01em;
}

/* Anmeldeseite: Bäthe-Balken über dem Logo-Bereich */
body:has(form [type="password"]) {
  border-top: 6px solid rgb(31 107 0);
}

::selection {
  background: rgb(218 235 201);
  color: rgb(21 21 19);
}