:root {
  --cl-primary: #00748d;
  --cl-primary-hover: #006579;
  --cl-primary-foreground: #ffffff;
  --cl-accent: #00748d;
  --cl-accent-foreground: #ffffff;
  --cl-ring: #00748d;
  --primary-color: #00748d;
  --primary: #00748d;
  --accent-color: #00748d;
  --ring-color: #00748d;
}

[data-theme] .text-primary,
[data-theme] .text-accent {
  color: #00748d !important;
}

[data-theme] .bg-primary,
[data-theme] .bg-accent {
  background-color: #00748d !important;
}

[data-theme] .border-primary,
[data-theme] .border-accent {
  border-color: #00748d !important;
}

[data-theme] .cl-button-primary,
[data-theme] .cl-action-button,
[data-theme] .cl-send-button,
[data-theme] button[type="submit"] {
  background-color: #00748d !important;
  border-color: #00748d !important;
}

[data-theme] .cl-button-primary:hover,
[data-theme] .cl-action-button:hover,
[data-theme] .cl-send-button:hover,
[data-theme] button[type="submit"]:hover {
  background-color: #006579 !important;
  border-color: #006579 !important;
}

[data-theme] .cl-button-primary svg,
[data-theme] .cl-action-button svg,
[data-theme] .cl-send-button svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Login page button - force canard color on all possible button selectors */
button[type="submit"],
form button,
.bg-primary,
button.bg-primary,
[class*="bg-primary"] {
  background-color: #00748d !important;
  border-color: #00748d !important;
  color: #ffffff !important;
}

button[type="submit"]:hover,
form button:hover,
button.bg-primary:hover,
[class*="bg-primary"]:hover {
  background-color: #006579 !important;
  border-color: #006579 !important;
}

/* Override any inline pink/rose background on buttons */
button[style*="background"],
form button[style*="background"] {
  background-color: #00748d !important;
}

/* Input focus ring/border */
input:focus,
input:focus-visible,
input:focus-within,
textarea:focus,
textarea:focus-visible,
form input:focus,
form textarea:focus,
[class*="focus"]:focus,
[class*="ring"]:focus {
  border-color: #00748d !important;
  outline-color: #00748d !important;
  box-shadow: 0 0 0 2px rgba(0, 116, 141, 0.25) !important;
  --tw-ring-color: #00748d !important;
}

/* Remove background from divs containing object-contain images */
div:has(> img.object-contain) {
  background-color: transparent !important;
}