/* ПОРОЖДЁННЫЙ ФАЙЛ — не править.
 *
 * Палитра чата: переменные темы LibreChat со значениями из
 * landing/tokens.css. Порождает `make config` (scripts/render-chat-brand.py);
 * отображение «поверхность контура → переменная чата» — таблица MAPPING там же.
 *
 * Здесь нет ни одного селектора по классам разметки: только те переменные,
 * которые образ объявляет и потребляет сам. Класс — деталь, которую
 * обновление вправе изменить; переменная темы — объявленная точка настройки.
 */


/* светлая тема */
html,
html.gizmo {
  --surface-primary: 255 255 255;   /* bg */
  --surface-primary-alt: 246 247 249;   /* bg-2 */
  --surface-primary-contrast: 236 238 242;   /* bg-3 */
  --surface-secondary: 246 247 249;   /* bg-2 */
  --surface-secondary-alt: 246 247 249;   /* bg-2 */
  --surface-tertiary: 236 238 242;   /* bg-3 */
  --surface-tertiary-alt: 236 238 242;   /* bg-3 */
  --surface-dialog: 255 255 255;   /* bg */
  --surface-chat: 255 255 255;   /* bg */
  --surface-code: 236 238 242;   /* bg-3 */
  --surface-active: 236 238 242;   /* bg-3 */
  --surface-active-alt: 236 238 242;   /* bg-3 */
  --surface-hover: 246 247 249;   /* bg-2 */
  --surface-hover-alt: 236 238 242;   /* bg-3 */
  --surface-composer-hover: 246 247 249;   /* bg-2 */
  --presentation: 246 247 249;   /* bg-2 */
  --header-primary: 255 255 255;   /* bg */
  --header-hover: 246 247 249;   /* bg-2 */
  --header-button-hover: 246 247 249;   /* bg-2 */
  --surface-inverted: 11 18 32;   /* navy */
  --surface-inverted-hover: 18 26 43;   /* navy-2 */
  --text-inverted: 255 255 255;   /* navy-fg */
  --surface-overlay: 11 18 32;   /* navy */
  --surface-fixed: 255 255 255;   /* bg */
  --surface-fixed-hover: 246 247 249;   /* bg-2 */
  --text-fixed: 11 18 32;   /* fg */
  --text-primary: 11 18 32;   /* fg */
  --text-secondary: 77 85 102;   /* muted */
  --text-secondary-alt: 77 85 102;   /* muted */
  --text-tertiary: 77 85 102;   /* muted */
  --border-light: 215 219 226;   /* line */
  --border-medium: 215 219 226;   /* line */
  --border-medium-alt: 215 219 226;   /* line */
  --border-heavy: 77 85 102;   /* muted */
  --border-xheavy: 11 18 32;   /* line-strong */
  --accent-primary: 194 95 0;   /* accent-ink */
  --accent-primary-hover: 224 112 15;   /* accent-2 */
  --locus-accent-fill: 246 130 31;   /* accent */
  --locus-accent-fill-hover: 224 112 15;   /* accent-2 */
  --locus-accent-fill-ink: 11 18 32;   /* accent-fg */
  --ring-primary: 0 81 195;   /* focus */
  --brand-purple: 246 130 31;   /* accent */
  --link: 0 81 195;   /* blue */
  --link-hover: 0 81 195;   /* blue */
  --link-visited: 0 81 195;   /* blue */
  --surface-submit: 26 127 69;   /* ok */
  --surface-submit-hover: 26 127 69;   /* ok */
  --surface-destructive: 200 55 45;   /* err */
  --surface-destructive-hover: 200 55 45;   /* err */
  --border-destructive: 200 55 45;   /* err */
  --text-destructive: 200 55 45;   /* err */
  --text-warning: 246 130 31;   /* accent */
  --status-success: 26 127 69;   /* ok */
  --status-success-subtle: 246 247 249;   /* bg-2 */
  --status-success-border: 215 219 226;   /* line */
  --status-success-strong: 26 127 69;   /* ok */
  --status-info: 0 81 195;   /* blue */
  --status-info-subtle: 246 247 249;   /* bg-2 */
  --status-info-border: 215 219 226;   /* line */
  --status-info-strong: 0 81 195;   /* blue */
  --status-warning: 246 130 31;   /* accent */
  --status-warning-subtle: 246 247 249;   /* bg-2 */
  --status-warning-border: 215 219 226;   /* line */
  --status-warning-strong: 224 112 15;   /* accent-2 */
  --status-error: 200 55 45;   /* err */
  --status-error-subtle: 246 247 249;   /* bg-2 */
  --status-error-border: 215 219 226;   /* line */
  --status-error-strong: 200 55 45;   /* err */
  --status-neutral: 77 85 102;   /* muted */
  --status-neutral-subtle: 246 247 249;   /* bg-2 */
  --status-neutral-border: 215 219 226;   /* line */
  --border-light-alpha: 1;
  --border-medium-alpha: 1;
  --border-heavy-alpha: 1;
  --border-xheavy-alpha: 1;
}

/* тёмная тема */
html.dark,
html.gizmo.dark {
  --surface-primary: 11 18 32;   /* bg */
  --surface-primary-alt: 16 24 40;   /* bg-2 */
  --surface-primary-contrast: 23 33 54;   /* bg-3 */
  --surface-secondary: 16 24 40;   /* bg-2 */
  --surface-secondary-alt: 16 24 40;   /* bg-2 */
  --surface-tertiary: 23 33 54;   /* bg-3 */
  --surface-tertiary-alt: 23 33 54;   /* bg-3 */
  --surface-dialog: 11 18 32;   /* bg */
  --surface-chat: 11 18 32;   /* bg */
  --surface-code: 23 33 54;   /* bg-3 */
  --surface-active: 23 33 54;   /* bg-3 */
  --surface-active-alt: 23 33 54;   /* bg-3 */
  --surface-hover: 16 24 40;   /* bg-2 */
  --surface-hover-alt: 23 33 54;   /* bg-3 */
  --surface-composer-hover: 16 24 40;   /* bg-2 */
  --presentation: 16 24 40;   /* bg-2 */
  --header-primary: 11 18 32;   /* bg */
  --header-hover: 16 24 40;   /* bg-2 */
  --header-button-hover: 16 24 40;   /* bg-2 */
  --surface-inverted: 11 18 32;   /* navy */
  --surface-inverted-hover: 18 26 43;   /* navy-2 */
  --text-inverted: 255 255 255;   /* navy-fg */
  --surface-overlay: 11 18 32;   /* navy */
  --surface-fixed: 11 18 32;   /* bg */
  --surface-fixed-hover: 16 24 40;   /* bg-2 */
  --text-fixed: 238 241 246;   /* fg */
  --text-primary: 238 241 246;   /* fg */
  --text-secondary: 167 176 194;   /* muted */
  --text-secondary-alt: 167 176 194;   /* muted */
  --text-tertiary: 167 176 194;   /* muted */
  --border-light: 42 52 72;   /* line */
  --border-medium: 42 52 72;   /* line */
  --border-medium-alt: 42 52 72;   /* line */
  --border-heavy: 167 176 194;   /* muted */
  --border-xheavy: 238 241 246;   /* line-strong */
  --accent-primary: 246 130 31;   /* accent-ink */
  --accent-primary-hover: 255 154 63;   /* accent-2 */
  --locus-accent-fill: 246 130 31;   /* accent */
  --locus-accent-fill-hover: 255 154 63;   /* accent-2 */
  --locus-accent-fill-ink: 11 18 32;   /* accent-fg */
  --ring-primary: 138 180 255;   /* focus */
  --brand-purple: 246 130 31;   /* accent */
  --link: 138 180 255;   /* blue */
  --link-hover: 138 180 255;   /* blue */
  --link-visited: 138 180 255;   /* blue */
  --surface-submit: 76 196 127;   /* ok */
  --surface-submit-hover: 76 196 127;   /* ok */
  --surface-destructive: 255 107 97;   /* err */
  --surface-destructive-hover: 255 107 97;   /* err */
  --border-destructive: 255 107 97;   /* err */
  --text-destructive: 255 107 97;   /* err */
  --text-warning: 246 130 31;   /* accent */
  --status-success: 76 196 127;   /* ok */
  --status-success-subtle: 16 24 40;   /* bg-2 */
  --status-success-border: 42 52 72;   /* line */
  --status-success-strong: 76 196 127;   /* ok */
  --status-info: 138 180 255;   /* blue */
  --status-info-subtle: 16 24 40;   /* bg-2 */
  --status-info-border: 42 52 72;   /* line */
  --status-info-strong: 138 180 255;   /* blue */
  --status-warning: 246 130 31;   /* accent */
  --status-warning-subtle: 16 24 40;   /* bg-2 */
  --status-warning-border: 42 52 72;   /* line */
  --status-warning-strong: 255 154 63;   /* accent-2 */
  --status-error: 255 107 97;   /* err */
  --status-error-subtle: 16 24 40;   /* bg-2 */
  --status-error-border: 42 52 72;   /* line */
  --status-error-strong: 255 107 97;   /* err */
  --status-neutral: 167 176 194;   /* muted */
  --status-neutral-subtle: 16 24 40;   /* bg-2 */
  --status-neutral-border: 42 52 72;   /* line */
  --border-light-alpha: 1;
  --border-medium-alpha: 1;
  --border-heavy-alpha: 1;
  --border-xheavy-alpha: 1;
}

/* Кнопка отправки и кнопка остановки: призыв к действию — оранжевый */
#send-button,
button[data-testid="stop-generation-button"] {
  background-color: rgb(var(--locus-accent-fill));
  color: rgb(var(--locus-accent-fill-ink));
}
#send-button:hover:not(:disabled),
button[data-testid="stop-generation-button"]:hover:not(:disabled) {
  background-color: rgb(var(--locus-accent-fill-hover));
}
#send-button svg,
button[data-testid="stop-generation-button"] svg {
  color: rgb(var(--locus-accent-fill-ink));
}