/* UKL brand accent override
   Source sampled from logo.png dominant cyan accents: #04D0F8 */
:root {
  --ukl-accent-50: #e8fbff;
  --ukl-accent-100: #c9f5fe;
  --ukl-accent-200: #95eafa;
  --ukl-accent-400: #3bdcf8;
  --ukl-accent-500: #04d0f8;
  --ukl-accent-600: #00b7dc;
  --ukl-accent-700: #0092b0;
}

.text-orange-400 { color: var(--ukl-accent-400) !important; }
.text-orange-500 { color: var(--ukl-accent-500) !important; }
.text-orange-600 { color: var(--ukl-accent-600) !important; }
.text-orange-700 { color: var(--ukl-accent-700) !important; }

.bg-orange-50 { background-color: var(--ukl-accent-50) !important; }
.bg-orange-100 { background-color: var(--ukl-accent-100) !important; }
.bg-orange-100\/60 { background-color: rgb(201 245 254 / 0.6) !important; }
.bg-orange-400 { background-color: var(--ukl-accent-400) !important; }
.bg-orange-500 { background-color: var(--ukl-accent-500) !important; }
.bg-orange-600 { background-color: var(--ukl-accent-600) !important; }

.border-orange-200 { border-color: var(--ukl-accent-200) !important; }
.border-orange-400 { border-color: var(--ukl-accent-400) !important; }

.hover\:bg-orange-100:hover { background-color: var(--ukl-accent-100) !important; }
.hover\:bg-orange-500:hover { background-color: var(--ukl-accent-500) !important; }
.hover\:border-orange-400:hover { border-color: var(--ukl-accent-400) !important; }

.hover\:text-orange-400:hover { color: var(--ukl-accent-400) !important; }
.hover\:text-orange-600:hover { color: var(--ukl-accent-600) !important; }
.hover\:text-orange-700:hover { color: var(--ukl-accent-700) !important; }

.group:hover .group-hover\:text-orange-400 { color: var(--ukl-accent-400) !important; }

.focus\:ring-orange-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(4 208 248 / var(--tw-ring-opacity)) !important;
}

.focus-visible\:outline-orange-600:focus-visible {
  outline-color: var(--ukl-accent-600) !important;
}

.before\:bg-orange-500::before {
  background-color: var(--ukl-accent-500) !important;
}

.after\:bg-orange-500::after {
  background-color: var(--ukl-accent-500) !important;
}

.border-\[\#E16E45\] { border-color: var(--ukl-accent-500) !important; }
.bg-\[\#E16E45\] { background-color: var(--ukl-accent-500) !important; }
.text-\[\#E16E45\] { color: var(--ukl-accent-500) !important; }
.before\:bg-\[\#E16E45\]::before { background-color: var(--ukl-accent-500) !important; }
.hover\:border-\[\#E16E45\]:hover { border-color: var(--ukl-accent-500) !important; }
.hover\:text-\[\#E16E45\]:hover { color: var(--ukl-accent-500) !important; }

[fill="#E16E45"],
[fill="#e16e45"],
[fill="#F6BB60"],
[fill="#f6bb60"] {
  fill: var(--ukl-accent-500) !important;
}

[stroke="#E16E45"],
[stroke="#e16e45"],
[stroke="#F6BB60"],
[stroke="#f6bb60"] {
  stroke: var(--ukl-accent-500) !important;
}

[style*="fill:#E16E45"],
[style*="fill:#e16e45"],
[style*="fill: #E16E45"],
[style*="fill: #e16e45"],
[style*="fill:#F6BB60"],
[style*="fill: #F6BB60"],
[style*="fill: #f6bb60"],
[style*="fill:#f6bb60"] {
  fill: var(--ukl-accent-500) !important;
}

[style*="stroke:#E16E45"],
[style*="stroke:#e16e45"],
[style*="stroke: #E16E45"],
[style*="stroke: #e16e45"],
[style*="stroke:#F6BB60"],
[style*="stroke: #F6BB60"],
[style*="stroke: #f6bb60"],
[style*="stroke:#f6bb60"] {
  stroke: var(--ukl-accent-500) !important;
}

/* Stable public form submit button color (contact + registration). */
.ukl-submit-btn {
  background-color: var(--ukl-primary, #002a7a) !important;
  color: #fff !important;
  border: 1px solid transparent;
}

.ukl-submit-btn:hover {
  background-color: #001f5a !important;
}

.ukl-submit-btn:focus-visible {
  outline: 2px solid var(--ukl-accent-500);
  outline-offset: 2px;
}