/* Ilumine Clínicas: primary palette, shared by login and dashboard. */
:root {
  --ilumine-gold: #C8A44D;
  --blue-1: 255 254 250;
  --blue-2: 253 250 242;
  --blue-3: 249 242 222;
  --blue-4: 243 232 199;
  --blue-5: 235 218 164;
  --blue-6: 225 202 130;
  --blue-7: 214 184 95;
  --blue-8: 205 172 76;
  --blue-9: 200 164 77;
  --blue-10: 179 143 57;
  --blue-11: 121 91 25;
  --blue-12: 61 46 16;
  --solid-blue: 243 232 199;
  --solid-blue-2: 255 254 250;
  --text-blue: 61 46 16;
  --border-blue: 200, 164, 77, 0.5;
  --border-blue-strong: 121 91 25;
}
.dark {
  --blue-1: 24 21 15;
  --blue-2: 31 27 19;
  --blue-3: 46 38 23;
  --blue-4: 61 49 26;
  --blue-5: 77 62 30;
  --blue-6: 96 77 35;
  --blue-7: 123 99 43;
  --blue-8: 157 127 55;
  --blue-9: 200 164 77;
  --blue-10: 214 181 101;
  --blue-11: 228 198 127;
  --blue-12: 250 235 194;
  --solid-blue: 61 49 26;
  --solid-blue-2: 31 27 19;
  --text-blue: 250 235 194;
  --border-blue: 200, 164, 77, 0.5;
  --border-blue-strong: 214 181 101;
}
.bg-n-brand, .bg-woot-500, .bg-woot-600 {
  background-color: var(--ilumine-gold) !important;
}
.text-n-brand, .text-woot-500, .text-woot-600, .text-link {
  color: rgb(var(--blue-11)) !important;
}
.border-n-brand, .border-woot-500, .border-woot-600 {
  border-color: var(--ilumine-gold) !important;
}
/* Dark ink on gold keeps primary actions readable in both themes. */
.bg-n-blue-9, .bg-n-brand, .bg-woot-500, .bg-woot-600 {
  color: #241f13 !important;
}
a.router-link-exact-active.active {
  background-image: none !important;
  background-color: rgb(var(--blue-3)) !important;
  color: rgb(var(--blue-11)) !important;
}
img[src^="/branding/ilumine-mark"] {
  border-radius: 4px;
  object-fit: contain;
  width: 28px;
  height: 28px;
  max-width: none;
}
img[src^="/branding/ilumine-logo"] {
  width: 270px;
  max-width: 100%;
  height: auto;
  max-height: 80px;
  object-fit: contain;
}