/* ABI run indicator (animated diamond, single loading indicator) — shipped
   by abi-core into public/abi/ at startup. @import must stay first. */
@import url("/public/abi/abi-run.css");

/* ABI Swarm — theme matching abi-core.dev's actual landing-page palette
   (the site's custom #jz-landing block, not the unused WP theme defaults).
   background #0A0D12, text #E8EEF5, accent #4CC2FF, borders #1C242F,
   panels #10151C/#0C1117, warning/gate #FFB86B. Body font is system-ui
   (not a webfont) on the real site; monospace is used heavily for nav/
   labels/badges, not just code.

   !important on every custom property: Chainlit injects this file's <link>
   BEFORE its own compiled stylesheet (confirmed in served HTML), so plain
   :root{} declarations here lose the cascade to Chainlit's own :root{}
   block loaded after — CSS custom properties do support !important. */

:root {
  --background: 0 0% 100% !important;
  --foreground: 215 25% 15% !important;
  --card: 0 0% 100% !important;
  --card-foreground: 215 25% 15% !important;
  --popover: 0 0% 100% !important;
  --popover-foreground: 215 25% 15% !important;
  --primary: 201 100% 65% !important;
  --primary-foreground: 200 70% 6% !important;
  --secondary: 215 20% 94% !important;
  --secondary-foreground: 215 25% 15% !important;
  --muted: 215 20% 94% !important;
  --muted-foreground: 212 13% 43% !important;
  --accent: 215 20% 94% !important;
  --accent-foreground: 215 25% 15% !important;
  --border: 215 20% 88% !important;
  --input: 215 20% 88% !important;
  --ring: 201 100% 65% !important;
  --radius: 0.375rem !important;
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace !important;
}

.dark {
  --background: 220 29% 5% !important;
  --foreground: 212 20% 94% !important;
  --card: 215 27% 9% !important;
  --card-foreground: 212 20% 94% !important;
  --popover: 215 27% 9% !important;
  --popover-foreground: 212 20% 94% !important;
  --primary: 201 100% 65% !important;
  --primary-foreground: 200 70% 6% !important;
  --secondary: 215 25% 11% !important;
  --secondary-foreground: 212 20% 94% !important;
  --muted: 215 25% 11% !important;
  --muted-foreground: 215 16% 58% !important;
  --accent: 215 25% 15% !important;
  --accent-foreground: 212 20% 94% !important;
  --border: 215 25% 15% !important;
  --input: 215 25% 15% !important;
  --ring: 201 100% 65% !important;
}

/* Message composer — same treatment as the site's accent node cards
   (#jz-landing .node--acc: border #4CC2FF, background rgba(76,194,255,.06)). */
#message-composer {
  border: 1px solid #4CC2FF !important;
  background: rgba(76, 194, 255, 0.06) !important;
}

/* Dot-grid texture — same faint background pattern as abi-core.dev's
   #jz-landing block, applied globally (covers the login screen too, since
   it's the same SPA/custom_css). Kept subtle (low alpha) so it reads as
   texture, not noise, against the dark background. */
body {
  background-image: radial-gradient(rgba(232, 238, 245, 0.05) 1px, transparent 1px) !important;
  background-size: 24px 24px !important;
}