/* afb AI Hub – Theme-Overlay (überschreibt nur LibreChats CSS-Variablen -> update-sicher).
   Eingebunden per <link> am Ende von <head> (brand-patch.sh). Selektoren bewusst
   html:root / html.dark (höhere Spezifität als LibreChats html{} / .dark{}), damit
   das Theme auch gegen später nachgeladene CSS-Chunks gewinnt. */
html:root{
  --brand-purple:32 46 95;
  --accent-primary:8 142 150; --accent-primary-hover:6 110 117;
  --link:8 122 130; --link-hover:32 46 95; --link-visited:32 46 95;
  --surface-submit:8 142 150; --surface-submit-hover:6 110 117;
  --ring-primary:8 142 150;
  --text-primary:24 31 56; --text-secondary:72 82 110; --text-tertiary:110 118 140;
  --surface-primary:255 255 255;
  --surface-primary-alt:236 242 249; --surface-primary-contrast:228 236 246; --surface-secondary:240 245 250; --surface-tertiary:228 236 246;
  --surface-hover:221 236 240; --surface-active:208 232 234; --surface-active-alt:200 224 230;
  --surface-chat:255 255 255; --surface-dialog:255 255 255;
  --border-light:226 232 240; --border-medium:206 214 226; --border-medium-alt:206 214 226; --border-heavy:170 180 200;
  --header-primary:255 255 255; --header-hover:244 247 251;
  --radius:.75rem; --theme-control-radius:.875rem; --theme-surface-radius:1.25rem;
  --theme-elevation-surface:0 12px 32px -12px rgba(32,46,95,.18), 0 4px 10px -6px rgba(32,46,95,.12);
}
html.dark{
  --brand-purple:120 170 255;
  --accent-primary:46 196 182; --accent-primary-hover:110 220 205;
  --link:72 205 195; --link-hover:140 230 220; --link-visited:150 185 255;
  --surface-submit:8 142 150; --surface-submit-hover:12 166 172;
  --ring-primary:46 196 182;
  --text-primary:232 237 247; --text-secondary:176 188 214; --text-tertiary:140 152 182;
  --surface-primary:12 18 36; --surface-primary-alt:17 25 48; --surface-primary-contrast:17 25 48;
  --surface-secondary:20 29 56; --surface-secondary-alt:24 34 64; --surface-tertiary:30 42 76; --surface-tertiary-alt:30 42 76;
  --surface-hover:36 50 88; --surface-hover-alt:44 60 102; --surface-active:44 60 102; --surface-active-alt:30 42 76;
  --surface-chat:20 29 56; --surface-dialog:17 25 48; --presentation:17 25 48;
  --border-light:36 48 84; --border-medium:48 62 104; --border-medium-alt:48 62 104; --border-heavy:70 86 132;
  --header-primary:17 25 48; --header-hover:30 42 76; --header-button-hover:30 42 76;
}
/* Feinschliff: Fokus-Ring + Senden-Knopf in afb-Petrol, Composer mit weichem Schatten */
textarea:focus-visible, input:focus-visible { outline-color: rgb(var(--accent-primary)) !important; }
form [data-testid="send-button"]:not(:disabled), button[aria-label*="Senden"]:not(:disabled), button[aria-label*="Send"]:not(:disabled) {
  background: linear-gradient(135deg, #088E96 0%, #3AAA35 100%) !important; color: #fff !important;
}

/* Dezenter Marken-Verlauf im Hauptbereich (hell) */
html:not(.dark) body { background: radial-gradient(1200px 600px at 85% -10%, rgba(8,142,150,.07), transparent 60%),
                                    radial-gradient(900px 500px at 10% 110%, rgba(58,170,53,.06), transparent 60%), #fff; }
html:not(.dark) main, html:not(.dark) .bg-presentation { background: transparent !important; }
html.dark body { background: radial-gradient(1200px 600px at 85% -10%, rgba(46,196,182,.10), transparent 60%), rgb(12 18 36); }
html.dark main, html.dark .bg-presentation { background: transparent !important; }