/*
 * Shifa Al Jazeera branding override for Chatwoot 4.x.
 * Loaded by Caddy's replace-response injection just before </head>,
 * so it lands AFTER Chatwoot's own bundled CSS and wins on cascade.
 *
 * Chatwoot 4.x uses Radix-style colour scales (--blue-*, --gray-*)
 * directly — there is no semantic --primary-* alias layer. Primary
 * buttons, links, and active states all reference var(--blue-9) /
 * var(--blue-10). So the leverage point is to replace the blue scale
 * with our deep-blue palette.
 */

:root {
  --blue-1:  #f5f8fc;
  --blue-2:  #eef2f9;
  --blue-3:  #dbe5f3;
  --blue-4:  #c2d1e9;
  --blue-5:  #a4bcdd;
  --blue-6:  #82a3cf;
  --blue-7:  #5d83bf;
  --blue-8:  #3f63b3;
  --blue-9:  #1e40af; /* primary */
  --blue-10: #1d3fa8; /* primary hover */
  --blue-11: #1f3b9b;
  --blue-12: #0f1f4a;

  /* Chatwoot also references a couple of legacy variable names on
     pages that haven't been migrated to Radix yet. Keep them aligned. */
  --button-color: #1e40af;
  --button-hover-color: #1d3fa8;
}