/* Direct color overrides - this will be loaded directly in HTML templates */

:root {
  --p: 60.24% 0.191 251.32 !important;
  --fallback-p: #5e98f1 !important;
  --primary: #5e98f1 !important;
  
  --s: 41.88% 0.202 251.47 !important;
  --fallback-s: #285292 !important;
  --secondary: #285292 !important;
  
  --sc: 90% 0.05 251.47 !important;
  --fallback-sc: #ecf0ff !important;
}

/* Primary color overrides */
.text-primary,
[class*="text-[#5e98f1]"] {
  color: #5e98f1 !important;
}

.bg-primary {
  background-color: #5e98f1 !important;
}

.border-primary {
  border-color: #5e98f1 !important;
}

/* Icon overrides */
i.fa {
  color: #5e98f1 !important;
}

/* DaisyUI button overrides with improved contrast - highest priority */
.btn-primary, a.btn-primary, button.btn-primary {
  background-color: #5e98f1 !important;
  border-color: #5e98f1 !important;
  color: white !important;
}

.btn-secondary, a.btn-secondary, button.btn-secondary {
  background-color: #285292 !important;
  border-color: #285292 !important;
  color: white !important;
}

/* Fix for all buttons seen in the screenshot */
.btn,
a.btn,
button.btn,
div.btn,
[class*="Add a Bot"],
[class*="Edit Bot"],
[class*="New Chat"],
[class*="Add a Key"] {
  color: white !important;
}

/* Specific overrides for the buttons in the screenshot */
a[href*="bot"],
button[class*="bot"],
.btn[class*="bg-[#5e98f1]"],
.bg-[#5e98f1],
.bg-primary,
button:not(.btn-outline):not(.btn-ghost),
a.btn:not(.btn-outline):not(.btn-ghost) {
  color: white !important;
}

/* EXACT selectors for the buttons in the screenshot */
a.btn.btn-primary,
a.btn.btn-primary.btn-sm {
  color: white !important;
}

/* Special case for solid buttons with primary color background */
.btn-primary, 
.bg-primary a, 
.bg-primary span, 
.bg-primary div,
.bg-[#5e98f1] * {
  color: white !important;
}

/* Special case for solid buttons with secondary color background */
.btn-secondary, 
.bg-secondary a, 
.bg-secondary span, 
.bg-secondary div,
.bg-[#285292] * {
  color: white !important;
}

/* Only apply white text to filled buttons, not outline/ghost buttons */
.btn-outline, 
.btn-ghost,
.btn-outline *,
.btn-ghost * {
  color: inherit !important;
}

/* Final override - these specific buttons MUST have white text */
a[href*="create_bot"],
a[href*="create_api_key"] {
  color: white !important;
}

/* More exact specific button targeting for common buttons */
a.btn.btn-sm[href$="create_bot"],
a.btn.btn-sm[href*="api_key"],
a.btn.btn-sm.btn-primary {
  color: white !important;
}

/* Button text contrast improvement */
button.btn-primary, 
a.btn-primary, 
.btn-primary,
button.btn-secondary, 
a.btn-secondary, 
.btn-secondary,
.btn.bg-primary, 
.btn.bg-secondary {
  color: white !important;
}