/* FX Globals theme for Chatwoot — brand: #e91e8c → #6b46c1 → #0f0f1a, Inter */
:root {
  --fx-primary: #e91e8c;
  --fx-secondary: #6b46c1;
  --fx-dark: #1a1a2e;
  --fx-darker: #0f0f1a;
  --fx-gradient: linear-gradient(135deg, #e91e8c 0%, #6b46c1 100%);
  --fx-gradient-hero: linear-gradient(180deg, #e91e8c 0%, #6b46c1 50%, #0f0f1a 100%);

  /* Chatwoot's "blue" scale is its brand colour: remap to FX pink */
  --blue-1: 255 252 254; --blue-2: 255 247 251; --blue-3: 255 234 245; --blue-4: 255 220 238;
  --blue-5: 254 204 229; --blue-6: 251 184 216; --blue-7: 245 156 198; --blue-8: 238 117 176;
  --blue-9: 233 30 140;  --blue-10: 212 26 126; --blue-11: 183 16 111; --blue-12: 94 11 59;
  /* …and "iris" (secondary accents) to FX purple */
  --iris-9: 107 70 193; --iris-10: 94 60 176; --iris-11: 87 52 165;
}
.dark {
  --blue-1: 25 13 20;   --blue-2: 33 16 26;   --blue-3: 61 18 48;   --blue-4: 80 18 61;
  --blue-5: 98 23 72;   --blue-6: 120 29 86;  --blue-7: 150 42 106; --blue-8: 189 58 134;
  --blue-9: 233 30 140; --blue-10: 240 64 159; --blue-11: 255 140 198; --blue-12: 255 211 233;
  --iris-9: 128 90 213; --iris-10: 146 112 224; --iris-11: 190 170 255;
}

/* Hard-coded Chatwoot blues */
.bg-n-brand, .bg-woot-500, .bg-woot-600 { background-color: #e91e8c !important; }
.hover\:bg-woot-600:hover, .hover\:bg-woot-700:hover { background-color: #d41a7e !important; }
.text-n-brand, .text-woot-500, .text-woot-600, .text-woot-700 { color: #e91e8c !important; }
.border-n-brand, .border-woot-500 { border-color: #e91e8c !important; }
.ring-n-brand, .ring-woot-500 { --tw-ring-color: #e91e8c !important; }
.bg-woot-50, .bg-woot-100 { background-color: #fff0f8 !important; }
.fill-woot-500 { fill: #e91e8c !important; }

/* Login / auth screens: FX hero gradient, white logo + headings */
main.min-h-screen[class*="bg-n-brand/5"] { background: var(--fx-gradient-hero) !important; }
main.min-h-screen[class*="bg-n-brand/5"] h2 { color: #fff !important; }
main.min-h-screen[class*="bg-n-brand/5"] img[class*="dark:hidden"] { display: none !important; }
main.min-h-screen[class*="bg-n-brand/5"] img[class*="dark:block"] { display: block !important; height: 2.75rem; }
main.min-h-screen[class*="bg-n-brand/5"] section > div > a, main.min-h-screen[class*="bg-n-brand/5"] p { color: #fff; }