/*
 * Progbiz 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.
 *
 * Palette (Progbiz, Phase 1 placeholder):
 *   primary:  #1e40af  deep blue
 *   accent:   #f59e0b  amber  (used for hover lifts only — Chatwoot
 *                              doesn't reference --amber-9 enough to
 *                              leak it everywhere)
 *   header:   #0f172a  slate-950
 */

:root {
  /* --- Override Chatwoot's blue scale with Progbiz blues. --- */
  --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;
}

/*
 * Visible smoke-test stripe so a missing/broken injection is obvious
 * the moment you reload. Remove before going to production.
 */
body::before {
  content: "";
  position: fixed;
  inset: 0 0 auto 0;
  height: 2px;
  background: linear-gradient(90deg, #1e40af 0%, #f59e0b 100%);
  z-index: 99999;
  pointer-events: none;
}