/* GENERATED from design/tokens.json by scripts/build_ki_theme.py -- do not edit.
 * Praxista KI im Hell des Designsystems (P-42 T9, D3). Rollen nach
 * components/Dunkelmodus §7.6; jeder Wert ist ein Token-Wert. LibreChat setzt
 * seine Werte als Inline-Variablen auf <html>, daher !important. */

@font-face {
  font-family: "Hanken Grotesk";
  src: url("HankenGrotesk-wght.woff2") format("woff2");
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}

html:not(.dark):not(.high-contrast) {
  --presentation: 252 252 250 !important;  /* paper-page */
  --surface-primary: 252 252 250 !important;  /* paper-page */
  --surface-primary-alt: 247 245 239 !important;  /* paper-inset */
  --surface-code: 247 245 239 !important;  /* paper-inset */
  --surface-dialog: 255 255 255 !important;  /* paper-white */
  --surface-secondary: 255 255 255 !important;  /* paper-white */
  --surface-secondary-alt: 255 255 255 !important;  /* paper-white */
  --surface-primary-contrast: 255 255 255 !important;  /* paper-white */
  --surface-chat: 255 255 255 !important;  /* paper-white */
  --surface-tertiary: 255 255 255 !important;  /* paper-white */
  --surface-tertiary-alt: 255 255 255 !important;  /* paper-white */
  --surface-hover: 231 238 253 !important;  /* mist */
  --surface-hover-alt: 231 238 253 !important;  /* mist */
  --surface-composer-hover: 231 238 253 !important;  /* mist */
  --surface-active-alt: 231 238 253 !important;  /* mist */
  --surface-active: 239 244 253 !important;  /* row-selected */
  --surface-inverted: 15 36 56 !important;  /* text-body */
  --text-inverted: 255 255 255 !important;  /* paper-white */
  --surface-submit: 42 86 200 !important;  /* blue-700 */
  --surface-submit-hover: 36 73 170 !important;  /* grad-control-hover:end */
  --surface-destructive: 194 43 43 !important;  /* danger */
  --surface-destructive-hover: 166 36 36 !important;  /* danger-hover */
  --surface-overlay: 10 37 64 !important;  /* overlap */
  --text-primary: 15 36 56 !important;  /* text-body */
  --text-secondary: 62 80 96 !important;  /* text-secondary */
  --text-secondary-alt: 62 80 96 !important;  /* text-secondary */
  --text-tertiary: 90 107 122 !important;  /* text-tertiary */
  --text-muted: 90 107 122 !important;  /* text-tertiary */
  --text-warning: 107 76 5 !important;  /* warning-text */
  --text-destructive: 142 30 30 !important;  /* danger-text */
  --shimmer-dip: 15 36 56 !important;  /* text-body */
  --border-light: 239 242 244 !important;  /* line-row */
  --border-medium: 227 231 235 !important;  /* line */
  --border-medium-alt: 227 231 235 !important;  /* line */
  --border-heavy: 131 143 154 !important;  /* line-control */
  --border-xheavy: 131 143 154 !important;  /* line-control */
  --border-destructive: 194 43 43 !important;  /* danger */
  --accent-primary: 42 86 200 !important;  /* action */
  --accent-primary-hover: 27 62 158 !important;  /* link-hover */
  --ring-primary: 42 86 200 !important;  /* focus */
  --link: 42 86 200 !important;  /* link */
  --link-hover: 27 62 158 !important;  /* link-hover */
  --status-success: 10 107 52 !important;  /* success-text */
  --status-success-subtle: 191 237 206 !important;  /* success-tint */
  --status-success-border: 107 199 141 !important;  /* success-line */
  --status-success-strong: 10 107 52 !important;  /* success-text */
  --status-info: 7 91 133 !important;  /* info-text */
  --status-info-subtle: 199 229 248 !important;  /* info-tint */
  --status-info-border: 107 187 228 !important;  /* info-line */
  --status-info-strong: 11 123 180 !important;  /* info */
  --status-warning: 107 76 5 !important;  /* warning-text */
  --status-warning-subtle: 251 230 164 !important;  /* warning-tint */
  --status-warning-border: 220 181 60 !important;  /* warning-line */
  --status-warning-strong: 107 76 5 !important;  /* warning-text */
  --status-error: 142 30 30 !important;  /* danger-text */
  --status-error-subtle: 251 209 209 !important;  /* danger-tint */
  --status-error-border: 217 110 111 !important;  /* danger-line */
  --status-error-strong: 194 43 43 !important;  /* danger */
  --status-neutral: 62 80 96 !important;  /* text-secondary */
  --status-neutral-subtle: 255 255 255 !important;  /* paper-white */
  --status-neutral-border: 216 214 209 !important;  /* line-outline */
  --syntax-builtin: 62 80 96 !important;  /* text-secondary */
  --series-2: 62 80 96 !important;  /* text-secondary */
  --series-3: 62 80 96 !important;  /* text-secondary */
  --series-4: 62 80 96 !important;  /* text-secondary */
  --series-5: 62 80 96 !important;  /* text-secondary */
  --switch-unchecked: 131 143 154 !important;  /* line-control */
  --shimmer-dip-alpha: 1 !important;  /* Antwort 7 */
}

/* Schrift: Hanken Grotesk. Codeblöcke behalten die Monospace der Anwendung. */
html:not(.dark):not(.high-contrast),
html:not(.dark):not(.high-contrast) body,
html:not(.dark):not(.high-contrast) .font-sans {
  font-family: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif !important;
}

/* T12 (d1): einziger Umriss eines Bedienelements -> line-control (Antwort 3). */
html:not(.dark):not(.high-contrast) [data-testid="composer-surface"],
html:not(.dark):not(.high-contrast) [data-testid="openid"],
html:not(.dark):not(.high-contrast) .border-border-light.bg-transparent,
html:not(.dark):not(.high-contrast) .border-border-light.bg-presentation {
  border-color: rgb(131 143 154) !important;  /* line-control */
}