/* OmniDev Brand Palette — override Chatwoot blue */

/* CSS variables usadas por Chatwoot en runtime */
:root,
[data-theme="light"],
[data-theme="dark"] {
  --color-woot-25:  #fdf0f8 !important;
  --color-woot-50:  #f7d9ee !important;
  --color-woot-75:  #edb3d8 !important;
  --color-woot-100: #e08dc2 !important;
  --color-woot-200: #d367ac !important;
  --color-woot-300: #c55096 !important;
  --color-woot-400: #b74d90 !important;
  --color-woot-500: #b74d90 !important;
  --color-woot-600: #9e3d7a !important;
  --color-woot-700: #5c1e4e !important;
  --color-woot-800: #483382 !important;
  --color-woot-900: #200426 !important;
  --color-primary:  #b74d90 !important;
  --color-primary-hover: #9e3d7a !important;
  --w-color-primary-50:  247 217 238 !important;
  --w-color-primary-100: 224 141 194 !important;
  --w-color-primary-200: 197 80 150 !important;
  --w-color-primary-300: 183 77 144 !important;
  --w-color-primary-400: 183 77 144 !important;
  --w-color-primary-500: 183 77 144 !important;
  --w-color-primary-600: 158 61 122 !important;
  --w-color-primary-700: 92 30 78 !important;
  --w-color-primary-800: 72 51 130 !important;
  --w-color-primary-900: 32 4 38 !important;
}

/* Botones azules → fucsia */
button[class*="bg-woot"],
a[class*="bg-woot"],
[class*="bg-woot-500"],
[class*="bg-woot-600"] {
  background-color: #b74d90 !important;
}

/* Botones con inline style azul */
button[style*="background"],
.button[style*="background"] {
  background-color: #b74d90 !important;
}

/* Tailwind bg-primary / bg-woot */
.bg-woot-500 { background-color: #b74d90 !important; }
.bg-woot-600 { background-color: #9e3d7a !important; }
.text-woot-500 { color: #b74d90 !important; }
.text-woot-600 { color: #9e3d7a !important; }
.border-woot-500 { border-color: #b74d90 !important; }

/* Buttons genéricos que Chatwoot usa */
.woot-button,
.button.nice.primary,
[class~="woot--button"] {
  background-color: #b74d90 !important;
}

/* Logo en sidebar — agrandar */
.size-4 img[src*="brand-assets"],
.size-4 img[src*="logo"] {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
}

/* Radio y checkbox */
input[type="radio"]:checked,
input[type="checkbox"]:checked {
  accent-color: #b74d90 !important;
  background-color: #b74d90 !important;
  border-color: #b74d90 !important;
}

/* Tab activo / underline */
[class*="active"][class*="border"],
[class*="border-woot"] {
  border-color: #b74d90 !important;
}