/* aktero Website-Tokens: Logo monochrom, Orange ausschließlich als Interaktionsakzent. */
:root,
.dark {
  color-scheme: dark;
  --background: 240 5% 4%;
  --foreground: 40 33% 99%;
  --card: 240 5% 7%;
  --card-foreground: 40 33% 99%;
  --popover: 240 5% 7%;
  --popover-foreground: 40 33% 99%;
  --primary: 17 100% 56%;
  --primary-foreground: 0 0% 100%;
  --secondary: 240 5% 7%;
  --secondary-foreground: 40 33% 99%;
  --muted: 240 5% 10%;
  --muted-foreground: 240 3% 65%;
  --accent: 15 47% 12%;
  --accent-foreground: 40 33% 99%;
  --border: 240 5% 17%;
  --input: 240 5% 17%;
  --ring: 17 100% 56%;

  --surface-primary: #0a0a0b;
  --surface-primary-alt: #111113;
  --surface-secondary: #0a0a0b;
  --surface-secondary-alt: #111113;
  --surface-tertiary: #111113;
  --surface-hover: #1a1a1d;
  --surface-active: #2c1710;
  --surface-submit: #ff5a1f;
  --surface-submit-hover: #ff7848;
  --text-primary: #fffdf9;
  --text-secondary: #d6d4d1;
  --text-secondary-alt: #a6a5aa;
  --text-tertiary: #7d7c82;
  --border-light: #29292d;
  --border-medium: #3a3a3f;
  --border-heavy: #525259;
  --ring-primary: #ff5a1f;
}

html,
body,
#root {
  background: #0a0a0b !important;
  color: #fffdf9;
  font-family: Geist, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* LibreChat nutzt einen langfristig gecachten Standardpfad; die Version erzwingt das neue Logo. */
img[src$="logo.svg"] {
  content: url("/assets/logo.svg?v=20260830");
}

button:focus-visible,
input:focus-visible,
textarea:focus-visible {
  --tw-ring-color: #ff5a1f !important;
}

button[aria-label="Design umschalten"],
button[aria-label="Toggle theme"] {
  display: none !important;
}