/* Palette 1: Modern Tech */
.theme-modern-tech {
  --bs-primary: #3498db;
  --bs-secondary: #2c3e50;
  --bs-success: #2ecc71;
  --bs-info: #9b59b6;
  --bs-warning: #f39c12;
  --bs-danger: #e74c3c;
}

/* Palette 2: Earthy AI */
.theme-earthy-ai {
  --bs-primary: #34495e;
  --bs-secondary: #7f8c8d;
  --bs-success: #27ae60;
  --bs-info: #16a085;
  --bs-warning: #f1c40f;
  --bs-danger: #c0392b;
}

/* Palette 3: Futuristic Neon */
.theme-futuristic-neon {
  --bs-primary: #00a8ff;
  --bs-secondary: #192a56;
  --bs-success: #44bd32;
  --bs-info: #9c88ff;
  --bs-warning: #fbc531;
  --bs-danger: #e84118;
}

/* Palette 4: Soft AI */
.theme-soft-ai {
  --bs-primary: #6a89cc;
  --bs-secondary: #4a69bd;
  --bs-success: #78e08f;
  --bs-info: #82ccdd;
  --bs-warning: #fad390;
  --bs-danger: #eb2f06;
}

/* Palette 5: Bold Contrast */
.theme-bold-contrast {
  --bs-primary: #1e3799;
  --bs-secondary: #3c6382;
  --bs-success: #38ada9;
  --bs-info: #82589F;
  --bs-warning: #fa983a;
  --bs-danger: #eb2f06;
}

/* Apply the custom properties to Bootstrap classes */
.btn-primary { background-color: var(--bs-primary); border-color: var(--bs-primary); }
.btn-secondary { background-color: var(--bs-secondary); border-color: var(--bs-secondary); }
.btn-success { background-color: var(--bs-success); border-color: var(--bs-success); }
.btn-info { background-color: var(--bs-info); border-color: var(--bs-info); }
.btn-warning { background-color: var(--bs-warning); border-color: var(--bs-warning); }
.btn-danger { background-color: var(--bs-danger); border-color: var(--bs-danger); }

/* Add more Bootstrap component styles as needed */