/* theme 1: Introspection (Deep Blue) */
.theme-1-accent {
  color: #155e75; /* cyan-800 */
}
.theme-1-accent-light {
  color: #22d3ee; /* cyan-400 */
}
.theme-1-accent-dark {
  color: #155e75; /* cyan-800 */
}
.theme-1-button {
  background: linear-gradient(70deg, #242230 0%, #5BA0CE 60%, #EBF4E7 100%);
  color: #fff;
  --button-gradient-start: #242230;
  --button-gradient-middle: #5BA0CE;
  --button-gradient-end: #EBF4E7;
}
.theme-1-button-light {
  background: linear-gradient(70deg, #5BA0CE 0%, #ADE2FF 100%);
  color: #155e75;
}
.theme-1-background {
  background: linear-gradient(to bottom, #ADE2FF, #D8DDEB, #F0FDFA);
  --background-gradient-top: #ADE2FF;
  --background-gradient-middle: #D8DDEB;
  --background-gradient-bottom: #F0FDFA;
}

/* theme 2: Vitality (Red/Orange - warm fire) */
.theme-2-accent {
  color: #ea580c; /* orange-600 */
}
.theme-2-accent-light {
  color: #fb923c; /* orange-400 */
}
.theme-2-accent-dark {
  color: #c2410c; /* orange-800 */
}
.theme-2-button {
  background: linear-gradient(to bottom right, #4d3c50ff, #ef4444, #fed7aa);
  color: #fff;
  --button-gradient-start: #4d3c50ff;
  --button-gradient-middle: #ef4444;
  --button-gradient-end: #fed7aa;
}
.theme-2-button-light {
  background: linear-gradient(to bottom right, #6b7280, #fb923c, #fef3c7);
  color: #c2410c;
}
.theme-2-background {
  background: linear-gradient(to bottom, #FFC9C9, #FFF7ED, #FDF2F8);
  --background-gradient-top: #FFC9C9;
  --background-gradient-middle: #FFF7ED;
  --background-gradient-bottom: #FDF2F8;
}

/* theme 3: Emergence (Green - growth/renewal) */
.theme-3-accent {
  color: #16a34a; /* green-600 */
}
.theme-3-accent-light {
  color: #4ade80; /* green-400 */
}
.theme-3-accent-dark {
  color: #166534; /* green-800 */
}
.theme-3-button {
  background: linear-gradient(70deg, #003B4F 0%, #00998C 60%, #ECFCCA 100%);
  color: #fff;
  --button-gradient-start: #003B4F;
  --button-gradient-middle: #00998C;
  --button-gradient-end: #ECFCCA;
}
.theme-3-button-light {
  background: linear-gradient(70deg, #00998C 0%, #BEEFBE 100%);
  color: #166534;
}
.theme-3-background {
  background: linear-gradient(to bottom, #BEEFBE, #ECFDF5, #F0F9FF);
  --background-gradient-top: #BEEFBE;
  --background-gradient-middle: #ECFDF5;
  --background-gradient-bottom: #F0F9FF;
}

/* theme 4: Placeholder (Purple) */
.theme-4-accent {
  color: #9333ea; /* purple-600 */
}
.theme-4-accent-light {
  color: #a78bfa; /* purple-400 */
}
.theme-4-accent-dark {
  color: #6d28d9; /* purple-800 */
}
.theme-4-button {
  background: linear-gradient(70deg, #3B3029 0%, #B8C2C9 60%, #959087 100%);
  color: #fff;
  --button-gradient-start: #3B3029;
  --button-gradient-middle: #B8C2C9;
  --button-gradient-end: #959087;
}
.theme-4-button-light {
  background: linear-gradient(70deg, #B8C2C9 0%, #d5ece7 100%);
  color: #6d28d9;
}
.theme-4-background {
  background: linear-gradient(to bottom, #d5ece7ff, #F9FCF1, #FFF9E2);
  --background-gradient-top: #d5ece7ff;
  --background-gradient-middle: #F9FCF1;
  --background-gradient-bottom: #FFF9E2;
}

/* theme 5: Placeholder (Pink) */
.theme-5-accent {
  color: #db2777; /* pink-600 */
}
.theme-5-accent-light {
  color: #f472b6; /* pink-400 */
}
.theme-5-accent-dark {
  color: #9d174d; /* pink-800 */
}
.theme-5-button {
  background: linear-gradient(70deg, #472810 0%, #c6a765 60%, #a87144 100%);
  color: #fff;
  --button-gradient-start: #472810ff;
  --button-gradient-middle: #c6a765ff;
  --button-gradient-end: #a87144ff;
}
.theme-5-button-light {
  background: linear-gradient(70deg, #c6a765 0%, #f3e1b9 100%);
  color: #9d174d;
}
.theme-5-background {
  background: linear-gradient(to bottom, #f3e1b9ff, #e3dbcbff, #eef1ebff);
  --background-gradient-top: #f3e1b9ff;
  --background-gradient-middle: #e3dbcbff;
  --background-gradient-bottom: #eef1ebff;
}

/* theme 6: Placeholder (Teal) */
.theme-6-accent {
  color: #0d9488; /* teal-600 */
}
.theme-6-accent-light {
  color: #2dd4bf; /* teal-400 */
}
.theme-6-accent-dark {
  color: #134e4a; /* teal-800 */
}
.theme-6-button {
  background: linear-gradient(70deg, #4b5563 0%, #14b8a6 60%, #5eead4 100%);
  color: #fff;
  --button-gradient-start: #4b5563;
  --button-gradient-middle: #14b8a6;
  --button-gradient-end: #5eead4;
}
.theme-6-button-light {
  background: linear-gradient(70deg, #14b8a6 0%, #5eead4 100%);
  color: #134e4a;
}
.theme-6-background {
  background: linear-gradient(to bottom, #99f6e4, #f0fdfa, #ecfeff);
  --background-gradient-top: #99f6e4;
  --background-gradient-middle: #f0fdfa;
  --background-gradient-bottom: #ecfeff;
}