/* Traveloka-inspired palette for the internal chat. Blue #0194f3, white surfaces. */
html {
  --primary: #0194f3 !important;
  --primary-foreground: #ffffff !important;
  --ring: #0194f3 !important;
  --header-primary: #0194f3 !important;
  --header-hover: #e7f5fe !important;
  --header-button-hover: #d7eefc !important;
  --presentation: #f3f9fd !important;
  --border: #d5e7f4 !important;
  --border-light: #e7f2fa !important;
  --border-medium: #c5dced !important;
}

html.dark {
  --primary: #4cb4f7 !important;
  --primary-foreground: #042033 !important;
  --presentation: #071824 !important;
  --background: #071824 !important;
  --header-primary: #8ecfff !important;
  --header-hover: #0e2a3d !important;
  --border: #1c3d54 !important;
}

button[data-testid="login-button"],
a[href*="login"] {
  border-radius: 8px;
}