/* PacketX Chat — Packet Labs brand layer over LibreChat (see ai-platform DESIGN.md).
   LibreChat colour variables are RGB channel triplets ("r g b"), not hex.
   Navy does the work, red is a signal only (focus ring). Dark mode is navy-ink, not grey:
   we retint LibreChat's grey ramp, so every surface/border/text that derives from it follows. */
:root {
  /* light: cool-tinted greys from the PacketX tokens (muted #F4F5F9, accent #E9ECF2, border #E2E5EA/#CCD2DA) */
  --gray-50: 244 245 249;
  --gray-100: 233 236 242;
  --gray-200: 226 229 234;
  --gray-300: 204 210 218;
  --surface-submit: 15 28 46;          /* send button = PacketX navy primary */
  --surface-submit-hover: 30 48 72;
  --brand-purple: 15 28 46;
  --ring-primary: 255 0 0;
}
.dark {
  /* navy-ink ramp: background #0A1420, muted #16273C, accent #1E3048, input #2A4462, fg #E6EBF1 */
  --gray-950: 7 14 23;
  --gray-900: 10 20 32;
  --gray-875: 13 24 38;
  --gray-850: 15 28 46;
  --gray-800: 22 39 60;
  --gray-750: 26 44 66;
  --gray-700: 30 48 72;
  --gray-650: 36 58 86;
  --gray-600: 42 68 98;
  --gray-500: 95 112 132;
  --gray-400: 143 160 179;
  --gray-300: 180 194 209;
  --gray-200: 214 222 230;
  --gray-100: 230 235 241;
  --surface-submit: 42 68 98;
  --surface-submit-hover: 58 90 128;
  --brand-purple: 143 160 179;
}
html, body { font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }