/*
 * ASAC brand color migration shim.
 * Keeps the existing compiled Tailwind bundle aligned with the
 * 2026 official logo blue (#042264).
 */
:root {
  --asac-primary-50: #eef3fb;
  --asac-primary-100: #d9e4f5;
  --asac-primary-200: #b6c9ea;
  --asac-primary-300: #89a9dc;
  --asac-primary-400: #5a86cc;
  --asac-primary-500: #2e63b5;
  --asac-primary-600: #174a96;
  --asac-primary-700: #0b3474;
  --asac-primary-800: #042264;
  --asac-primary-900: #031a4b;
  --asac-primary-rgb: 4 34 100;
}

.bg-primary-50 { background-color: var(--asac-primary-50) !important; }
.bg-primary-100 { background-color: var(--asac-primary-100) !important; }
.bg-primary-400 { background-color: var(--asac-primary-400) !important; }
.bg-primary-500 { background-color: var(--asac-primary-500) !important; }
.bg-primary-600 { background-color: var(--asac-primary-600) !important; }
.bg-primary-700 { background-color: var(--asac-primary-700) !important; }
.bg-primary-800 { background-color: var(--asac-primary-800) !important; }
.bg-primary-900 { background-color: var(--asac-primary-900) !important; }
.bg-primary-50\/30 { background-color: rgb(238 243 251 / .3) !important; }
.bg-primary-50\/50 { background-color: rgb(238 243 251 / .5) !important; }
.bg-primary-800\/95 { background-color: rgb(4 34 100 / .95) !important; }

.text-primary-100 { color: var(--asac-primary-100) !important; }
.text-primary-200 { color: var(--asac-primary-200) !important; }
.text-primary-300 { color: var(--asac-primary-300) !important; }
.text-primary-400 { color: var(--asac-primary-400) !important; }
.text-primary-500 { color: var(--asac-primary-500) !important; }
.text-primary-600 { color: var(--asac-primary-600) !important; }
.text-primary-700 { color: var(--asac-primary-700) !important; }
.text-primary-700\/60 { color: rgb(11 52 116 / .6) !important; }
.text-primary-800 { color: var(--asac-primary-800) !important; }
.text-primary-900 { color: var(--asac-primary-900) !important; }

.border-primary-100 { border-color: var(--asac-primary-100) !important; }
.border-primary-200 { border-color: var(--asac-primary-200) !important; }
.border-primary-500 { border-color: var(--asac-primary-500) !important; }
.border-primary-600 { border-color: var(--asac-primary-600) !important; }
.border-primary-700 { border-color: var(--asac-primary-700) !important; }
.border-primary-800 { border-color: var(--asac-primary-800) !important; }

.from-primary-50 {
  --tw-gradient-from: var(--asac-primary-50) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(238 243 251 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-primary-100 {
  --tw-gradient-from: var(--asac-primary-100) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(217 228 245 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-primary-800 {
  --tw-gradient-from: var(--asac-primary-800) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(4 34 100 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-primary-900 {
  --tw-gradient-from: var(--asac-primary-900) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(3 26 75 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.via-primary-800 {
  --tw-gradient-to: rgb(4 34 100 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--asac-primary-800) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}
.to-primary-50 { --tw-gradient-to: var(--asac-primary-50) var(--tw-gradient-to-position) !important; }
.to-primary-600 { --tw-gradient-to: var(--asac-primary-600) var(--tw-gradient-to-position) !important; }
.to-primary-700 { --tw-gradient-to: var(--asac-primary-700) var(--tw-gradient-to-position) !important; }
.to-primary-900 { --tw-gradient-to: var(--asac-primary-900) var(--tw-gradient-to-position) !important; }

.bg-\[\#042264\] { background-color: rgb(var(--asac-primary-rgb) / var(--tw-bg-opacity, 1)) !important; }
.bg-\[\#042264\]\/5,
.bg-\[\#042264\]\/\[0\.05\] { background-color: rgb(var(--asac-primary-rgb) / .05) !important; }
.bg-\[\#042264\]\/\[0\.04\] { background-color: rgb(var(--asac-primary-rgb) / .04) !important; }
.bg-\[\#042264\]\/15 { background-color: rgb(var(--asac-primary-rgb) / .15) !important; }
.bg-\[\#042264\]\/20 { background-color: rgb(var(--asac-primary-rgb) / .2) !important; }
.bg-\[\#042264\]\/95 { background-color: rgb(var(--asac-primary-rgb) / .95) !important; }
.border-\[\#042264\] { border-color: rgb(var(--asac-primary-rgb) / var(--tw-border-opacity, 1)) !important; }
.border-\[\#042264\]\/10 { border-color: rgb(var(--asac-primary-rgb) / .1) !important; }
.text-\[\#042264\],
.file\:text-\[\#042264\]::file-selector-button { color: rgb(var(--asac-primary-rgb) / var(--tw-text-opacity, 1)) !important; }

.from-\[\#042264\] {
  --tw-gradient-from: #042264 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(4 34 100 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-\[\#042264\]\/20 {
  --tw-gradient-from: rgb(4 34 100 / .2) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(4 34 100 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-\[\#042264\]\/30 {
  --tw-gradient-from: rgb(4 34 100 / .3) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(4 34 100 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-\[\#042264\]\/95 {
  --tw-gradient-from: rgb(4 34 100 / .95) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(4 34 100 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.via-\[\#042264\]\/40 {
  --tw-gradient-to: rgb(4 34 100 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), rgb(4 34 100 / .4) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}
.via-\[\#042264\]\/75 {
  --tw-gradient-to: rgb(4 34 100 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), rgb(4 34 100 / .75) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}
.to-\[\#042264\]\/10 { --tw-gradient-to: rgb(4 34 100 / .1) var(--tw-gradient-to-position) !important; }
.to-\[\#042264\]\/40 { --tw-gradient-to: rgb(4 34 100 / .4) var(--tw-gradient-to-position) !important; }

.via-\[\#0b3474\] {
  --tw-gradient-to: rgb(11 52 116 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--asac-primary-700) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}
.to-\[\#0b3474\] { --tw-gradient-to: var(--asac-primary-700) var(--tw-gradient-to-position) !important; }
.text-\[\#0b3474\] { color: var(--asac-primary-700) !important; }
.to-\[\#031a4b\] { --tw-gradient-to: var(--asac-primary-900) var(--tw-gradient-to-position) !important; }

.hover\:border-\[\#042264\]:hover { border-color: rgb(var(--asac-primary-rgb) / var(--tw-border-opacity, 1)) !important; }
.hover\:border-\[\#042264\]\/30:hover,
.focus\:border-\[\#042264\]\/30:focus { border-color: rgb(var(--asac-primary-rgb) / .3) !important; }
.hover\:bg-\[\#042264\]:hover { background-color: rgb(var(--asac-primary-rgb) / var(--tw-bg-opacity, 1)) !important; }
.hover\:bg-\[\#042264\]\/\[0\.08\]:hover { background-color: rgb(var(--asac-primary-rgb) / .08) !important; }
.hover\:text-\[\#042264\]:hover,
.group:hover .group-hover\:text-\[\#042264\] { color: rgb(var(--asac-primary-rgb) / var(--tw-text-opacity, 1)) !important; }
.focus\:border-\[\#042264\]:focus { border-color: rgb(var(--asac-primary-rgb) / var(--tw-border-opacity, 1)) !important; }
.focus\:ring-\[\#042264\]\/10:focus { --tw-ring-color: rgb(var(--asac-primary-rgb) / .1) !important; }
.focus\:ring-\[\#042264\]\/20:focus { --tw-ring-color: rgb(var(--asac-primary-rgb) / .2) !important; }
.has-\[\:checked\]\:border-\[\#042264\]:has(:checked) { border-color: rgb(var(--asac-primary-rgb) / var(--tw-border-opacity, 1)) !important; }
.has-\[\:checked\]\:bg-\[\#042264\]\/\[0\.03\]:has(:checked) { background-color: rgb(var(--asac-primary-rgb) / .03) !important; }

.hover\:bg-\[\#0b3474\]:hover { background-color: var(--asac-primary-700) !important; }
.hover\:text-\[\#0b3474\]:hover,
.group:hover .group-hover\:text-\[\#0b3474\] { color: var(--asac-primary-700) !important; }
.hover\:bg-\[\#031a4b\]:hover { background-color: var(--asac-primary-900) !important; }

.nav-flyout-panel {
  border-color: rgb(var(--asac-primary-rgb) / .1) !important;
  box-shadow: 0 24px 60px -34px rgb(var(--asac-primary-rgb) / .46), 0 10px 24px -20px rgb(var(--asac-primary-rgb) / .28) !important;
}
.nav-flyout-panel::before { background: linear-gradient(90deg, #fa8219, #042264) !important; }
.nav-flyout-link:hover .nav-flyout-title { color: #042264 !important; }
.nav-flyout-divider { background: rgb(var(--asac-primary-rgb) / .08) !important; }

[data-logos-strip] img[loading="lazy"]:not([src=""]) {
  background: transparent !important;
}