/* Generated by rootiest-icons scripts/make-themes.py from themes/librechat.css and themes/palette.toml: do not edit. */
:root {
  --brand-purple: 136 57 239;
  --link: 30 102 245;
  --link-hover: 32 159 181;
  --link-visited: 136 57 239;
  --accent-primary: 221 120 120;
  --accent-primary-hover: 155 84 84;
  --ring-primary: 156 160 176;
  --surface-submit: 221 120 120;
  --surface-submit-hover: 23 146 153;
  --surface-destructive: 210 15 57;
  --surface-destructive-hover: 230 69 83;
  --border-destructive: 210 15 57;
  --text-destructive: 210 15 57;
  --text-warning: 223 142 29;
  --status-success: 64 160 43;
  --status-info: 30 102 245;
  --status-warning: 223 142 29;
  --status-error: 210 15 57;
  --rt-on-accent: 17 17 27;
  --gray-20: 239 241 245;
  --gray-50: 230 233 239;
  --gray-100: 220 224 232;
  --gray-200: 204 208 218;
  --gray-300: 188 192 204;
  --gray-400: 172 176 190;
  --gray-500: 140 143 161;
  --gray-600: 108 111 133;
  --gray-650: 92 95 119;
  --gray-700: 92 95 119;
  --gray-800: 76 79 105;
  --gray-850: 76 79 105;
  --gray-875: 76 79 105;
  --gray-900: 76 79 105;
  --white: 239 241 245;
  --gizmo-gray-500: 140 143 161;
  --gizmo-gray-600: 108 111 133;
  --gizmo-gray-950: 76 79 105;
}
.dark {
  --brand-purple: 203 166 247;
  --link: 137 180 250;
  --link-hover: 116 199 236;
  --link-visited: 203 166 247;
  --accent-primary: 166 227 161;
  --accent-primary-hover: 166 227 161;
  --ring-primary: 108 112 134;
  --surface-submit: 166 227 161;
  --surface-submit-hover: 148 226 213;
  --surface-destructive: 243 139 168;
  --surface-destructive-hover: 235 160 172;
  --border-destructive: 243 139 168;
  --text-destructive: 243 139 168;
  --text-warning: 249 226 175;
  --status-success: 166 227 161;
  --status-info: 137 180 250;
  --status-warning: 249 226 175;
  --status-error: 243 139 168;
  --rt-on-accent: 17 17 27;
  --gray-20: 205 214 244;
  --gray-50: 205 214 244;
  --gray-100: 205 214 244;
  --gray-200: 186 194 222;
  --gray-300: 166 173 200;
  --gray-400: 127 132 156;
  --gray-500: 108 112 134;
  --gray-600: 88 91 112;
  --gray-650: 69 71 90;
  --gray-700: 49 50 68;
  --gray-800: 30 30 46;
  --gray-850: 24 24 37;
  --gray-875: 17 17 27;
  --gray-900: 17 17 27;
  --white: 205 214 244;
  --gizmo-gray-500: 127 132 156;
  --gizmo-gray-600: 147 153 178;
  --gizmo-gray-950: 30 30 46;
}

/* LibreChat (ai.rootiest.dev), linked into its pages by the edges' Caddy (import theme librechat). Its semantic variables
   (--surface-*, --text-*, --border-*, --header-*, --presentation) point at a primitive grey scale (--gray-20 ... --gray-900,
   "R G B" triplets) that Tailwind classes also use directly, so the grey scale is remapped per mode (Mocha's ladder in dark,
   Latte's in light) and the accent, link, submit and status colors are set on top. In dark mode --white is used for text, in
   light mode for surfaces, hence per mode too. Buttons filled with the accent or red get dark text. */
.bg-surface-submit, .bg-surface-submit:hover, .bg-surface-destructive, .bg-surface-destructive:hover { color: rgb(var(--rt-on-accent)) !important; }