/* Loaded into the chat's index.html at start (see docker-compose.yml). The chat reads its colours from the
   variables below (space-separated RGB channels); every one points at a brand token from deploy/brand, so the
   chat, the console and the site change together. Edit colours in deploy/brand/tokens.json, never here. */
@import url("/eucc-brand/fonts.css");
@import url("/eucc-brand/tokens.css");

html {
  --surface-primary: var(--gpa-surface-rgb);
  --surface-chat: var(--gpa-surface-rgb);
  --surface-primary-alt: var(--gpa-surface-sidebar-rgb);
  --surface-primary-contrast: var(--gpa-surface-muted-rgb);
  --surface-secondary: var(--gpa-surface-muted-rgb);
  --surface-secondary-alt: var(--gpa-surface-hover-rgb);
  --surface-tertiary: var(--gpa-surface-hover-rgb);
  --surface-active: var(--gpa-surface-hover-rgb);
  --surface-active-alt: var(--gpa-line-opaque-rgb);
  --surface-hover: var(--gpa-surface-hover-rgb);
  --text-primary: var(--gpa-ink-rgb);
  --text-secondary: var(--gpa-ink-muted-rgb);
  --text-secondary-alt: var(--gpa-ink-muted-rgb);
  --border-light: var(--gpa-line-opaque-rgb);
  --border-medium: var(--gpa-line-strong-opaque-rgb);
  --theme-font-family: var(--gpa-font-text);
  /* the chat's "green" is its accent (send button, toggles): ink here, as in the console */
  --green-500: var(--gpa-ink-muted-rgb);
  --green-600: var(--gpa-ink-rgb);
  --green-700: var(--gpa-ink-rgb);
  --green-800: var(--gpa-ink-rgb);
  --gray-50: var(--gpa-surface-rgb);
  --gray-900: var(--gpa-surface-rgb);
  --color-green-400: rgb(var(--gpa-ink-muted-rgb));
  --color-green-500: rgb(var(--gpa-ink-rgb));
  --color-green-600: rgb(var(--gpa-ink-rgb));
  --color-green-700: rgb(var(--gpa-ink-rgb));
}
html.dark {
  --green-500: var(--gpa-ink-rgb);
  --green-600: var(--gpa-ink-muted-rgb);
  --green-700: var(--gpa-line-strong-opaque-rgb);
  --green-800: var(--gpa-line-strong-opaque-rgb);
  --color-green-400: rgb(var(--gpa-ink-muted-rgb));
  --color-green-500: rgb(var(--gpa-ink-rgb));
  --color-green-600: rgb(var(--gpa-ink-rgb));
  --color-green-700: rgb(var(--gpa-ink-muted-rgb));
}
code, pre, kbd { font-family: var(--gpa-font-mono); }

/* Greeting on a new chat: the display face, like the console's page titles.
   The chat sets font and size with utility classes, hence the extra specificity. */
p.split-parent, p.split-parent * {
  font-family: var(--gpa-font-display) !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
}
p.split-parent { font-size: 2rem !important; line-height: 1.2; }

/* "Thinking" shimmer: the default 4s sweep reads as a stall. 1.6s is a quick, steady pulse. */
.shimmer { animation-duration: 1.6s; }