/*
 * Arvaigo colours over LibreChat v0.8.8 (runtime brand layer, ADR-0016).
 * LibreChat keeps its colours in CSS variables holding "R G B" triplets (used as rgb(var(--x) / alpha)), so this file
 * only sets those variables: no selectors into LibreChat's markup, nothing that breaks when its components change.
 * Values come from branding/brand-packs/arvaigo/brand.json. Checked by the brand completeness test on every upgrade.
 */

html {
  --brand-purple: 123 63 228;
  --presentation: 255 255 255;
  --text-primary: 30 43 79;
  --text-secondary: 74 90 128;
  --text-secondary-alt: 90 105 140;
  --text-tertiary: 107 122 160;
  --accent-primary: 47 107 239;
  --accent-primary-hover: 37 87 204;
  --ring-primary: 47 107 239;
  --header-primary: 255 255 255;
  --header-hover: 240 243 250;
  --header-button-hover: 240 243 250;
  --surface-primary: 255 255 255;
  --surface-primary-alt: 245 247 252;
  --surface-primary-contrast: 237 241 249;
  --surface-secondary: 245 247 252;
  --surface-secondary-alt: 230 235 246;
  --surface-tertiary: 237 241 249;
  --surface-tertiary-alt: 255 255 255;
  --surface-hover: 230 235 246;
  --surface-hover-alt: 220 226 241;
  --surface-composer-hover: 230 235 246;
  --surface-active: 225 230 242;
  --surface-active-alt: 214 221 238;
  --surface-dialog: 255 255 255;
  --surface-chat: 255 255 255;
  --surface-submit: 47 107 239;
  --surface-submit-hover: 37 87 204;
  --border-light: 225 230 242;
  --border-medium: 203 211 230;
  --border-medium-alt: 203 211 230;
  --border-heavy: 169 180 208;
  --border-xheavy: 130 143 178;
}

html.dark {
  --brand-purple: 165 133 245;
  --presentation: 11 20 48;
  --text-primary: 242 245 255;
  --text-secondary: 201 211 238;
  --text-secondary-alt: 175 189 224;
  --text-tertiary: 159 179 219;
  --text-muted: 159 179 219;
  --accent-primary: 107 151 255;
  --accent-primary-hover: 141 176 255;
  --ring-primary: 107 151 255;
  --header-primary: 19 30 64;
  --header-hover: 34 48 98;
  --header-button-hover: 27 39 82;
  --surface-primary: 11 20 48;
  --surface-primary-alt: 14 24 56;
  --surface-primary-contrast: 19 30 64;
  --surface-secondary: 19 30 64;
  --surface-secondary-alt: 19 30 64;
  --surface-tertiary: 27 39 82;
  --surface-tertiary-alt: 27 39 82;
  --surface-hover: 34 48 98;
  --surface-hover-alt: 42 57 112;
  --surface-composer-hover: 34 48 98;
  --surface-active: 38 51 92;
  --surface-active-alt: 34 48 98;
  --surface-dialog: 19 30 64;
  --surface-chat: 27 39 82;
  --surface-submit: 47 107 239;
  --surface-submit-hover: 63 123 255;
  --border-light: 38 51 92;
  --border-medium: 52 67 122;
  --border-medium-alt: 52 67 122;
  --border-heavy: 74 90 149;
  --border-xheavy: 101 118 178;
}
