:root {
  --se-blue: #033859;  /* Dark blue replacing dark gray */
  --se-green: #52c5d7; /* Turquoise blue replacing green */
  --se-dark: #033859;  /* Same as blue - replacing dark */
  --se-light: #e5eff5; /* Light blue replacing light gray */
}

.bg-se-blue { background-color: var(--se-blue); }
.bg-se-green { background-color: var(--se-green); }
.bg-se-dark { background-color: var(--se-dark); }
.bg-se-light { background-color: var(--se-light); }
.text-se-blue { color: var(--se-blue); }
.text-se-green { color: var(--se-green); }
.text-se-dark { color: var(--se-dark); }
.text-se-light { color: var(--se-light); }
.hover\:text-se-blue:hover { color: var(--se-blue); }
.hover\:text-se-green:hover { color: var(--se-green); }
.hover\:text-se-dark:hover { color: var(--se-dark); }
.hover\:text-se-light:hover { color: var(--se-light); }
.border-se-blue { border-color: var(--se-blue); }
.border-se-green { border-color: var(--se-green); }
.border-se-dark { border-color: var(--se-dark); }
.border-se-light { border-color: var(--se-light); }
.focus\:ring-se-blue:focus { --tw-ring-color: var(--se-blue); }
.focus\:ring-se-green:focus { --tw-ring-color: var(--se-green); }
.focus\:ring-se-dark:focus { --tw-ring-color: var(--se-dark); }
.focus\:ring-se-light:focus { --tw-ring-color: var(--se-light); }

/* Dragging styles */
.dragging {
  opacity: 0.5;
  border: 2px dashed var(--se-green);
  background-color: rgba(82, 197, 215, 0.1);
}

/* Chat messages styles */
#messages-container {
  scroll-behavior: smooth;
}

#messages-container .message {
  animation: fadeIn 0.3s ease-in-out;
  margin-bottom: 12px;
  width: 100%;
}

.user-message .prose {
  color: #333;
}

.assistant-message .prose {
  color: #033859;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}