/**
 * Brand Color Overrides
 * 
 * This file provides immediate brand color overrides by targeting specific purple hex codes.
 * This is a minimal, non-aggressive approach that only replaces purple colors with blue.
 * 
 * Include this file AFTER all other CSS files in your layout.
 * 
 * TODO: After updating SCSS variables and Tailwind config, rebuild CSS and remove this file.
 */

/* ============================================
   PURPLE HEX CODE OVERRIDES
   ============================================ */

/* Main purple color #675dff → Brand Primary #007BFF */
[style*="#675dff"],
[style*="#675DFF"] {
  color: #007BFF !important;
  background-color: #007BFF !important;
  border-color: #007BFF !important;
  outline-color: #007BFF !important;
  text-decoration-color: #007BFF !important;
  caret-color: #007BFF !important;
}

/* Indigo purple color #6366f1 → Brand Primary #007BFF */
[style*="#6366f1"],
[style*="#6366F1"] {
  color: #007BFF !important;
  background-color: #007BFF !important;
  border-color: #007BFF !important;
  outline-color: #007BFF !important;
  text-decoration-color: #007BFF !important;
  caret-color: #007BFF !important;
}

/* Darker purple #524acc → Brand Primary Dark #0066DC */
[style*="#524acc"],
[style*="#524ACC"] {
  color: #0066DC !important;
  background-color: #0066DC !important;
  border-color: #0066DC !important;
  outline-color: #0066DC !important;
  text-decoration-color: #0066DC !important;
  caret-color: #0066DC !important;
}

/* Even darker purple #4d46bf → Brand Primary Dark #0066DC */
[style*="#4d46bf"],
[style*="#4D46BF"] {
  color: #0066DC !important;
  background-color: #0066DC !important;
  border-color: #0066DC !important;
  outline-color: #0066DC !important;
  text-decoration-color: #0066DC !important;
  caret-color: #0066DC !important;
}

/* Light purple border/text #a49eff → Brand Sky #A7D1FF */
[style*="#a49eff"],
[style*="#A49EFF"] {
  color: #A7D1FF !important;
  background-color: #A7D1FF !important;
  border-color: #A7D1FF !important;
  outline-color: #A7D1FF !important;
  text-decoration-color: #A7D1FF !important;
  caret-color: #A7D1FF !important;
}

/* Very light purple backgrounds #f0efff → Brand Light #CFE6FF */
[style*="#f0efff"],
[style*="#F0EFFF"] {
  background-color: #CFE6FF !important;
}

/* Very light purple backgrounds #ebe7ff → Brand Light #CFE6FF */
[style*="#ebe7ff"],
[style*="#EBE7FF"] {
  background-color: #CFE6FF !important;
}

/* Very light purple backgrounds #eceaff → Brand Light #CFE6FF */
[style*="#eceaff"],
[style*="#ECAFF"] {
  background-color: #CFE6FF !important;
}

/* Very light purple backgrounds #f3f3ff → Brand Light #CFE6FF */
[style*="#f3f3ff"],
[style*="#F3F3FF"] {
  background-color: #CFE6FF !important;
}

/* Very light purple backgrounds #e0e7ff → Brand Light #CFE6FF */
[style*="#e0e7ff"],
[style*="#E0E7FF"] {
  background-color: #CFE6FF !important;
}
