:root {
  /* Define color variables */
  --theme-deep-purple: #291137;
  --theme-violet: #652986;
  --theme-light-violet: #9C4BC8;
  --theme-lavender: #B172D4;
  --theme-pale-lavender: #DCC1EC;
  --theme-light-lavender: #F6EFFA;
  --theme-deep-teal: #053A3D;
  --theme-teal: #0D9099;
  --theme-light-teal: #22DFEC;
  --theme-soft-teal: #80EDF4;
  --theme-pale-teal: #AFF4F8;
  --theme-off-white-teal: #ECFCFD;
  --theme-midnight: #020617;
  --theme-slate: #334155;
  --theme-light-slate: #475569;
  --theme-blue-gray: #94A3B8;
  --theme-pale-gray: #F1F5F9;
  --theme-white: #ffffff;
  --theme-black: #000000;
  
  /* Define gradient variables */
  --theme-gradient-teal-purple: linear-gradient(120deg, #0D9099 2.62%, #652986 80.66%);
  --theme-gradient-blue-mix: linear-gradient(108deg, #9EE0E4 0%, #67DAE4 25.22%, #64B0E3 49.72%, #7770D8 76.72%, #724AB8 100%);
  --theme-gradient-teal-green: linear-gradient(109deg, #FFF -7.41%, #ADDDD0 42.85%, #0D9099 94.72%);
  --theme-gradient-purple-violet: linear-gradient(109deg, #FEFEFF -7.41%, #B055D0 42.85%, #592574 94.72%);
  --theme-gradient-blue-overlay: linear-gradient(108deg, rgba(84, 179, 255, 0.43) 0%, #4E7BDF 100%);
}

/* Text color classes */
.theme-text-deep-purple { color: var(--theme-deep-purple); }
.theme-text-violet { color: var(--theme-violet); }
.theme-text-light-violet { color: var(--theme-light-violet); }
.theme-text-lavender { color: var(--theme-lavender); }
.theme-text-pale-lavender { color: var(--theme-pale-lavender); }
.theme-text-light-lavender { color: var(--theme-light-lavender); }
.theme-text-deep-teal { color: var(--theme-deep-teal); }
.theme-text-teal { color: var(--theme-teal); }
.theme-text-light-teal { color: var(--theme-light-teal); }
.theme-text-soft-teal { color: var(--theme-soft-teal); }
.theme-text-pale-teal { color: var(--theme-pale-teal); }
.theme-text-off-white-teal { color: var(--theme-off-white-teal); }
.theme-text-midnight { color: var(--theme-midnight); }
.theme-text-slate { color: var(--theme-slate); }
.theme-text-light-slate { color: var(--theme-light-slate); }
.theme-text-blue-gray { color: var(--theme-blue-gray); }
.theme-text-pale-gray { color: var(--theme-pale-gray); }
.theme-text-white { color: var(--theme-white); }
.theme-text-black { color: var(--theme-black); }

/* Background color classes */
.theme-bg-deep-purple { background-color: var(--theme-deep-purple); }
.theme-bg-violet { background-color: var(--theme-violet); }
.theme-bg-light-violet { background-color: var(--theme-light-violet); }
.theme-bg-lavender { background-color: var(--theme-lavender); }
.theme-bg-pale-lavender { background-color: var(--theme-pale-lavender); }
.theme-bg-light-lavender { background-color: var(--theme-light-lavender); }
.theme-bg-deep-teal { background-color: var(--theme-deep-teal); }
.theme-bg-teal { background-color: var(--theme-teal); }
.theme-bg-light-teal { background-color: var(--theme-light-teal); }
.theme-bg-soft-teal { background-color: var(--theme-soft-teal); }
.theme-bg-pale-teal { background-color: var(--theme-pale-teal); }
.theme-bg-off-white-teal { background-color: var(--theme-off-white-teal); }
.theme-bg-midnight { background-color: var(--theme-midnight); }
.theme-bg-slate { background-color: var(--theme-slate); }
.theme-bg-light-slate { background-color: var(--theme-light-slate); }
.theme-bg-blue-gray { background-color: var(--theme-blue-gray); }
.theme-bg-pale-gray { background-color: var(--theme-pale-gray); }
.theme-bg-white { background-color: var(--theme-white); }
.theme-bg-black { background-color: var(--theme-black); }

/* Background gradient classes */
.theme-bg-gradient-teal-purple { background-image: var(--theme-gradient-teal-purple); }
.theme-bg-gradient-blue-mix { background-image: var(--theme-gradient-blue-mix); }
.theme-bg-gradient-teal-green { background-image: var(--theme-gradient-teal-green); }
.theme-bg-gradient-purple-violet { background-image: var(--theme-gradient-purple-violet); }
.theme-bg-gradient-blue-overlay { background-image: var(--theme-gradient-blue-overlay); }