/* Override Chainlit's default colors with NATO navy blue */
:root,
:root.dark,
.dark {
  --primary: 213 94% 35% !important;
  --primary-foreground: 0 0% 100% !important;
  --ring: 213 94% 35% !important;
  --background: 220 50% 11% !important;
  --card: 220 35% 17% !important;
  --popover: 220 35% 17% !important;
  --muted: 220 30% 14% !important;
  --input: 220 35% 17% !important;
  --secondary: 220 35% 17% !important;
  --accent: 220 35% 17% !important;
  --accent-foreground: 0 0% 100% !important;
  --sidebar-background: 220 50% 8% !important;
  --sidebar-primary: 213 94% 55% !important;
  --sidebar-primary-foreground: 0 0% 100% !important;
}

/* Circular avatars */
img[src*="/avatars/"], img[src*="/logo"], img[src*="NATO_logo"] {
  border-radius: 50% !important;
  object-fit: cover !important;
}