/* Custom CSS to override Tailwind blue colors with #0369A1 */

/* Primary color overrides */
:root {
  --primary-color: #0369a1;
  --primary-hover: #0284c7;
  --primary-light: #7dd3fc;
  --primary-dark: #0c4a6e;
}

/* Blue color class overrides */
.text-blue-600 {
  color: #0369a1 !important;
}

.text-blue-400 {
  color: #0369a1 !important;
}

.text-blue-500 {
  color: #0369a1 !important;
}

.hover\:text-blue-400:hover,
.hover\:text-blue-600:hover,
.hover\:text-blue-200:hover {
  color: #0284c7 !important;
}

.focus\:text-blue-400:focus {
  color: #0284c7 !important;
}

/* Background color overrides */
.bg-blue-600 {
  background-color: #0369a1 !important;
}

.bg-blue-700 {
  background-color: #0c4a6e !important;
}

.from-blue-600 {
  --tw-gradient-from: #0369a1 !important;
}

.to-blue-700 {
  --tw-gradient-to: #0c4a6e !important;
}

.hover\:from-blue-700:hover {
  --tw-gradient-from: #0c4a6e !important;
}

.hover\:to-blue-800:hover {
  --tw-gradient-to: #075985 !important;
}

/* Border color overrides */
.border-blue-500 {
  border-color: #0369a1 !important;
}

.focus\:border-blue-500:focus {
  border-color: #0369a1 !important;
}

/* Ring color overrides */
.focus\:ring-blue-500:focus {
  --tw-ring-color: #0369a1 !important;
}

.focus\:ring-blue-400:focus {
  --tw-ring-color: #0369a1 !important;
}

/* Button overrides */
.btn-primary {
  background-color: #0369a1 !important;
  border-color: #0369a1 !important;
}

.btn-primary:hover {
  background-color: #0284c7 !important;
  border-color: #0284c7 !important;
}

/* Form input focus states */
input:focus,
select:focus,
textarea:focus {
  border-color: #0369a1 !important;
  --tw-ring-color: #0369a1 !important;
}

/* Link colors */
a.text-primary,
.text-primary {
  color: #0369a1 !important;
}

a.text-primary:hover,
.text-primary:hover {
  color: #0284c7 !important;
}

/* Custom gradient backgrounds */
.bg-primary-gradient {
  background: linear-gradient(to bottom right, #0369a1, #0c4a6e, #075985);
}

.bg-primary-gradient-horizontal {
  background: linear-gradient(to right, #0369a1, #0c4a6e);
}

/* Icon colors */
.text-blue-600 svg,
.text-blue-400 svg {
  color: #0369a1 !important;
}

/* Specific overrides for contact form */
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  border-color: #0369a1 !important;
  box-shadow: 0 0 0 2px rgba(3, 105, 161, 0.2) !important;
}

/* Footer link overrides */
footer a:hover {
  color: #7dd3fc !important;
}

/* Navigation hover states */
nav a:hover {
  color: #0369a1 !important;
}

/* Glossary navigation colors */
.glossary-nav a:hover,
.glossary-nav a:focus {
  color: #0369a1 !important;
}

/* DaisyUI theme overrides */
[data-theme="light"] {
  --p: 210 100% 32%; /* #0369A1 in HSL */
  --pf: 210 100% 28%; /* Darker variant for focus */
  --pc: 0 0% 100%; /* White text on primary */
}

/* Ensure all blue variants use our custom color */
.text-blue-100,
.text-blue-200,
.text-blue-300,
.text-blue-400,
.text-blue-500,
.text-blue-600,
.text-blue-700,
.text-blue-800,
.text-blue-900 {
  color: #0369a1 !important;
}

/* Light variants for backgrounds */
.text-blue-100 {
  color: #dbeafe !important;
}

.text-blue-200 {
  color: #bfdbfe !important;
}

/* Hover states for light variants */
.hover\:text-blue-100:hover {
  color: #dbeafe !important;
}

.hover\:text-blue-200:hover {
  color: #bfdbfe !important;
}