/* Talent Click — tema Iris (Radix) para Chatwoot.
   1) UI nueva (next): override escala --blue-1..12 (claro/oscuro).
   2) UI legacy (login, etc.): override clases hardcodeadas woot-*. */

:root {
  --blue-1: 253 253 255 !important;
  --blue-2: 248 248 255 !important;
  --blue-3: 240 241 254 !important;
  --blue-4: 230 231 255 !important;
  --blue-5: 218 220 255 !important;
  --blue-6: 203 205 255 !important;
  --blue-7: 184 186 248 !important;
  --blue-8: 155 158 240 !important;
  --blue-9: 91 91 214 !important;
  --blue-10: 81 81 205 !important;
  --blue-11: 87 83 198 !important;
  --blue-12: 39 41 98 !important;
  --border-blue: 91, 91, 214, .5 !important;
  --border-blue-strong: 203 205 255 !important;
}
.dark {
  --blue-1: 19 19 30 !important;
  --blue-2: 23 22 37 !important;
  --blue-3: 32 34 72 !important;
  --blue-4: 38 42 101 !important;
  --blue-5: 48 51 116 !important;
  --blue-6: 61 62 130 !important;
  --blue-7: 74 74 149 !important;
  --blue-8: 89 88 177 !important;
  --blue-9: 91 91 214 !important;
  --blue-10: 110 106 222 !important;
  --blue-11: 177 169 255 !important;
  --blue-12: 224 223 254 !important;
  --border-blue: 110, 106, 222, .5 !important;
  --border-blue-strong: 48 51 116 !important;
}

/* ---- Legacy woot-* (login y componentes viejos) -> Iris ---- */
.bg-woot-25{background-color:rgb(248 248 255 / var(--tw-bg-opacity,1)) !important}
.bg-woot-50{background-color:rgb(240 241 254 / var(--tw-bg-opacity,1)) !important}
.bg-woot-75{background-color:rgb(240 241 254 / var(--tw-bg-opacity,1)) !important}
.bg-woot-100{background-color:rgb(230 231 255 / var(--tw-bg-opacity,1)) !important}
.bg-woot-200{background-color:rgb(218 220 255 / var(--tw-bg-opacity,1)) !important}
.bg-woot-300{background-color:rgb(203 205 255 / var(--tw-bg-opacity,1)) !important}
.bg-woot-400{background-color:rgb(155 158 240 / var(--tw-bg-opacity,1)) !important}
.bg-woot-500{background-color:rgb(91 91 214 / var(--tw-bg-opacity,1)) !important}
.bg-woot-600{background-color:rgb(81 81 205 / var(--tw-bg-opacity,1)) !important}
.bg-woot-700{background-color:rgb(87 83 198 / var(--tw-bg-opacity,1)) !important}
.bg-woot-800{background-color:rgb(39 41 98 / var(--tw-bg-opacity,1)) !important}
.bg-woot-900{background-color:rgb(39 41 98 / var(--tw-bg-opacity,1)) !important}
.hover\:bg-woot-400:hover{background-color:rgb(155 158 240 / var(--tw-bg-opacity,1)) !important}
.hover\:bg-woot-500:hover{background-color:rgb(91 91 214 / var(--tw-bg-opacity,1)) !important}
.hover\:bg-woot-600:hover{background-color:rgb(81 81 205 / var(--tw-bg-opacity,1)) !important}
.hover\:bg-woot-700:hover{background-color:rgb(87 83 198 / var(--tw-bg-opacity,1)) !important}

.text-woot-25{color:rgb(248 248 255 / var(--tw-text-opacity,1)) !important}
.text-woot-50{color:rgb(240 241 254 / var(--tw-text-opacity,1)) !important}
.text-woot-100{color:rgb(230 231 255 / var(--tw-text-opacity,1)) !important}
.text-woot-200{color:rgb(218 220 255 / var(--tw-text-opacity,1)) !important}
.text-woot-300{color:rgb(203 205 255 / var(--tw-text-opacity,1)) !important}
.text-woot-400{color:rgb(155 158 240 / var(--tw-text-opacity,1)) !important}
.text-woot-500{color:rgb(91 91 214 / var(--tw-text-opacity,1)) !important}
.text-woot-600{color:rgb(81 81 205 / var(--tw-text-opacity,1)) !important}
.text-woot-700{color:rgb(87 83 198 / var(--tw-text-opacity,1)) !important}
.text-woot-800{color:rgb(39 41 98 / var(--tw-text-opacity,1)) !important}
.hover\:text-woot-500:hover{color:rgb(91 91 214 / var(--tw-text-opacity,1)) !important}
.hover\:text-woot-600:hover{color:rgb(81 81 205 / var(--tw-text-opacity,1)) !important}
.hover\:text-woot-700:hover{color:rgb(87 83 198 / var(--tw-text-opacity,1)) !important}

.border-woot-100{border-color:rgb(230 231 255 / var(--tw-border-opacity,1)) !important}
.border-woot-200{border-color:rgb(218 220 255 / var(--tw-border-opacity,1)) !important}
.border-woot-300{border-color:rgb(203 205 255 / var(--tw-border-opacity,1)) !important}
.border-woot-400{border-color:rgb(155 158 240 / var(--tw-border-opacity,1)) !important}
.border-woot-500{border-color:rgb(91 91 214 / var(--tw-border-opacity,1)) !important}
.border-woot-600{border-color:rgb(81 81 205 / var(--tw-border-opacity,1)) !important}

.ring-woot-500{--tw-ring-color:rgb(91 91 214 / var(--tw-ring-opacity,1)) !important}
.ring-woot-600{--tw-ring-color:rgb(81 81 205 / var(--tw-ring-opacity,1)) !important}
.focus\:ring-woot-500:focus{--tw-ring-color:rgb(91 91 214 / var(--tw-ring-opacity,1)) !important}