:root {
  --theme-primary: #FFA726;
  --theme-primary-rgb: 255, 167, 38;
  --theme-secondary: #8207DB;
  --theme-secondary-rgb: 130, 7, 219;
}

/* Text Colors */
.text-theme-primary {
  color: var(--theme-primary) !important;
}

.text-theme-secondary {
  color: var(--theme-secondary) !important;
}

/* Background Colors */
.bg-theme-primary {
  background-color: var(--theme-primary) !important;
  color: #fff;
}

.bg-theme-secondary {
  background-color: var(--theme-secondary) !important;
  color: #fff;
}

/* Border Colors */
.border-theme-primary {
  border-color: var(--theme-primary) !important;
}

.border-theme-secondary {
  border-color: var(--theme-secondary) !important;
}

/* Buttons - Primary Theme */
.btn-theme-primary {
  background-color: var(--theme-primary);
  border-color: var(--theme-primary);
  color: #fff;
}

.btn-theme-primary:hover {
  background-color: #fb8c00; /* Darker shade of #FFA726 */
  border-color: #fb8c00;
  color: #fff;
}

.btn-outline-theme-primary {
  color: var(--theme-primary);
  border-color: var(--theme-primary);
  background-color: transparent;
}

.btn-outline-theme-primary:hover {
  background-color: var(--theme-primary);
  color: #fff;
}

/* Buttons - Secondary Theme */
.btn-theme-secondary {
  background-color: var(--theme-secondary);
  border-color: var(--theme-secondary);
  color: #fff;
}

.btn-theme-secondary:hover {
  background-color: #6a05b3; /* Darker shade of #8207DB */
  border-color: #6a05b3;
  color: #fff;
}

.btn-outline-theme-secondary {
  color: var(--theme-secondary);
  border-color: var(--theme-secondary);
  background-color: transparent;
}

.btn-outline-theme-secondary:hover {
  background-color: var(--theme-secondary);
  color: #fff;
}

/* Dark Mode Adjustments if needed */
body.dark-theme .text-theme-primary {
  color: #ffb74d !important; /* Lighter shade for dark mode */
}

body.dark-theme .text-theme-secondary {
  color: #9c27b0 !important; /* Lighter shade for dark mode */
}