/* GBM brand overrides for Chainlit (shadcn/tailwind CSS variables).
   Primary (accent): #425DFA — electric blue.
   Secondary / paper: #EAEAEA — light grey.
   Background: #FFFFFF — white. */

:root,
.light {
  --background: 0 0% 100%;
  --foreground: 222 47% 11%;

  --card: 0 0% 100%;
  --card-foreground: 222 47% 11%;

  --popover: 0 0% 100%;
  --popover-foreground: 222 47% 11%;

  --primary: 231 95% 62%;
  --primary-foreground: 0 0% 100%;

  --secondary: 0 0% 92%;
  --secondary-foreground: 222 47% 11%;

  --muted: 0 0% 92%;
  --muted-foreground: 215 16% 40%;

  --accent: 0 0% 92%;
  --accent-foreground: 231 95% 45%;

  --border: 0 0% 88%;
  --input: 0 0% 88%;
  --ring: 231 95% 62%;
}

/* Make the brand accent visible on focus states + send button. */
button[data-state="active"],
.bg-primary {
  background-color: #425dfa !important;
}

a,
.text-primary {
  color: #425dfa !important;
}

/* Header logo: wide GBM wordmark — cap height, keep proportions.
   Narrow selector so we don't accidentally resize Chainlit's header icons
   (settings cog, avatar, dropdown chevrons) which expect ~16-20px. */
header img[alt*="logo" i] {
  max-height: 36px;
  width: auto;
}