/* Global Theme Color Replacements */
/* This file uses CSS variables to dynamically change ALL purple colors */

:root {
  /* Set by ThemeContext - DO NOT MODIFY DIRECTLY */
  --color-primary: #8a2be2;
  --color-primary-rgb: 138, 43, 226;
  --color-primary-dark: #7a1fd2;
}

/* Override ALL purple color classes with CSS variables */
.text-\[#8a2be2\],
[class*="text-[#8a2be2]"] {
  color: var(--color-primary) !important;
}

.bg-\[#8a2be2\],
[class*="bg-[#8a2be2]"] {
  background-color: var(--color-primary) !important;
}

.border-\[#8a2be2\],
[class*="border-[#8a2be2]"] {
  border-color: var(--color-primary) !important;
}

.fill-\[#8a2be2\],
[class*="fill-[#8a2be2]"] {
  fill: var(--color-primary) !important;
}

/* Gradients */
[class*="from-[#8a2be2]"] {
  --tw-gradient-from: var(--color-primary) !important;
}

[class*="to-[#8a2be2]"] {
  --tw-gradient-to: var(--color-primary) !important;
}

[class*="via-[#8a2be2]"] {
  --tw-gradient-via: var(--color-primary) !important;
}

/* Hover states */
.hover\:bg-\[#7a1fd2\]:hover,
[class*="hover:bg-[#7a1fd2]"]:hover {
  background-color: var(--color-primary-dark) !important;
}

/* Opacity variants */
[class*="bg-[#8a2be2]/10"] {
  background-color: rgba(var(--color-primary-rgb), 0.1) !important;
}

[class*="bg-[#8a2be2]/20"] {
  background-color: rgba(var(--color-primary-rgb), 0.2) !important;
}

[class*="bg-[#8a2be2]/30"] {
  background-color: rgba(var(--color-primary-rgb), 0.3) !important;
}

[class*="bg-[#8a2be2]/50"] {
  background-color: rgba(var(--color-primary-rgb), 0.5) !important;
}

[class*="bg-[#8a2be2]/70"] {
  background-color: rgba(var(--color-primary-rgb), 0.7) !important;
}

[class*="bg-[#8a2be2]/95"] {
  background-color: rgba(var(--color-primary-rgb), 0.95) !important;
}

/* Border opacity */
[class*="border-[#8a2be2]/20"] {
  border-color: rgba(var(--color-primary-rgb), 0.2) !important;
}

[class*="border-[#8a2be2]/30"] {
  border-color: rgba(var(--color-primary-rgb), 0.3) !important;
}

[class*="border-[#8a2be2]/50"] {
  border-color: rgba(var(--color-primary-rgb), 0.5) !important;
}

/* Shadows */
[class*="shadow-[#8a2be2]"] {
  --tw-shadow-color: var(--color-primary) !important;
}

/* Purple Tailwind classes */
.text-purple-600,
.text-purple-500,
.text-purple-400,
.text-purple-300 {
  color: var(--color-primary) !important;
}

.bg-purple-600,
.bg-purple-500 {
  background-color: var(--color-primary) !important;
}

.border-purple-500,
.border-purple-600 {
  border-color: var(--color-primary) !important;
}

/* Dynamic theme classes */
.theme-hr .text-\[#8a2be2\],
.theme-hr [class*="text-[#8a2be2]"] {
  color: #ff00d8 !important;
}

.theme-hr .bg-\[#8a2be2\],
.theme-hr [class*="bg-[#8a2be2]"] {
  background-color: #ff00d8 !important;
}

.theme-hr .border-\[#8a2be2\],
.theme-hr [class*="border-[#8a2be2]"] {
  border-color: #ff00d8 !important;
}

.theme-hr .fill-\[#8a2be2\],
.theme-hr [class*="fill-[#8a2be2]"] {
  fill: #ff00d8 !important;
}