html {
  --primary-green: rgba(137,201,103,1.0);
  --primary-blue: rgba(44,52,88,1.0);
  --secondary-blue: rgba(112,117,142,1.0);
  --tertiary-blue: rgba(108,180,211,1.0);
  --pale-gray: rgba(246,246,246,1.0);
  --light-gray: rgba(222,222,222,1.0);
  --gray: rgba(165,165,165,1.0);
  --alert-blue: rgba(108,180,211,1.0);
  --primary-orange: rgba(249,158,77,0.8);
  --alert-red: rgba(204,33,33,1.0);
  --monitoringlove-red: rgba(255,59,48,1.0);

  --primary-black: rgba(0,0,0,0.70);
  --primary-white: rgba(255,255,255,0.95);
  --link-underline-blue: rgba(188,232,241,1.0);

  --button-color-light-red: rgba(255,95,88,0.6);
  --button-color-red: rgba(255,95,88,1.0);
  --button-color-light-yellow: rgba(255,191,48,0.6);
  --button-color-yellow: rgba(255,191,48,1.0);
  --button-color-light-green: rgba(42,207,66,0.6);
  --button-color-green: rgba(42,207,66,1.0);

  --resource-whitepaper: rgba(123,131,163,1.0); /* #7B83A3 */
  --resource-whitepaper-filter: rgba(123,131,163,0.6); /* #7B83A3 */
  --resource-case-study: rgba(0,0,152,1.0);
  --resource-case-study-filter: rgba(0,0,152,0.6);
  --resource-testimonial: rgba(47,54,87,1.0);
  --resource-testimonial-filter: rgba(47,54,87,0.6);
  --resource-workshop: rgba(198,0,126,1.0);
  --resource-workshop-filter: rgba(198,0,126,0.6);
  --resource-webinar: rgba(249,158,77,1.0);
  --resource-webinar-filter: rgba(249,158,77,0.6);
  --resource-video: rgba(232,180,47,1.0);
  --resource-video-filter: rgba(232,180,47,0.6);
  --resource-podcast: rgba(222,84,60,1.0);
  --resource-podcast-filter: rgba(222,84,60,0.6);
  --resource-article: rgba(43,69,112,1.0);
  --resource-article-filter: rgba(43,69,112,0.6);
}

p, a, span, li, dt, dl, label, input, textarea, select, address, thead th, tbody tr td {
  color: var(--text-primary-color);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--text-primary-color);
}

.theme-light-color-scheme {
  --bg-color: white;
  --text-primary-color: var(--primary-black);
  --button-border-color: var(--primary-green);
  --button-fill-color: var(--primary-white);
  --button-text-color: var(--primary-black);
  --button-cta-fill-color: var(--primary-green);
  --button-cta-text-color: white;
  background-color: var(--bg-color);
}

.theme-light-color-scheme span,
.theme-light-color-scheme dt,
.theme-light-color-scheme dl,
.theme-light-color-scheme p,
.theme-light-color-scheme a,
.theme-light-color-scheme h1,
.theme-light-color-scheme h2,
.theme-light-color-scheme h3,
.theme-light-color-scheme h4,
.theme-light-color-scheme h5,
.theme-light-color-scheme h6 {
  color: var(--text-primary-color);
}

.theme-light-color-scheme h1 > strong,
.theme-light-color-scheme h2 > strong,
.theme-light-color-scheme h3 > strong,
.theme-light-color-scheme h4 > strong,
.theme-light-color-scheme h5 > strong,
.theme-light-color-scheme h6 > strong {
  font-weight: inherit;
  color: var(--primary-green);
}

.theme-gray-color-scheme {
  --bg-color: var(--pale-gray);
  --text-primary-color: var(--primary-black);
  --button-border-color: var(--primary-green);
  --button-fill-color: var(--primary-white);
  --button-cta-fill-color: var(--primary-green);
  --button-cta-text-color: var(--pale-gray);
  background-color: var(--bg-color);
}

.theme-gray-color-scheme span,
.theme-gray-color-scheme dt,
.theme-gray-color-scheme dl,
.theme-gray-color-scheme p,
.theme-gray-color-scheme a,
.theme-gray-color-scheme h1,
.theme-gray-color-scheme h2,
.theme-gray-color-scheme h3,
.theme-gray-color-scheme h4,
.theme-gray-color-scheme h5,
.theme-gray-color-scheme h6 {
  color: var(--text-primary-color);
}

.theme-gray-color-scheme h1 > strong,
.theme-gray-color-scheme h2 > strong,
.theme-gray-color-scheme h3 > strong,
.theme-gray-color-scheme h4 > strong,
.theme-gray-color-scheme h5 > strong,
.theme-gray-color-scheme h6 > strong {
  font-weight: inherit;
  color: var(--primary-green);
}

.theme-dark-color-scheme {
  --bg-color: var(--primary-blue);
  --text-primary-color: var(--primary-white);
  --button-border-color: var(--primary-white);
  --button-fill-color: var(--primary-blue);
  --button-text-color: var(--primary-white);
  --button-cta-fill-color: var(--primary-white);
  --button-cta-text-color: var(--primary-blue);
  background-color: var(--bg-color);
}

.theme-dark-color-scheme span,
.theme-dark-color-scheme dt,
.theme-dark-color-scheme dl,
.theme-dark-color-scheme p,
.theme-dark-color-scheme a,
.theme-dark-color-scheme h1,
.theme-dark-color-scheme h2,
.theme-dark-color-scheme h3,
.theme-dark-color-scheme h4,
.theme-dark-color-scheme h5,
.theme-dark-color-scheme h6 {
  color: var(--text-primary-color);
}

.theme-green-color-scheme {
  --bg-color: var(--primary-green);
  --text-primary-color: var(--primary-white);
  --button-border-color: var(--primary-white);
  --button-fill-color: var(--primary-green);
  --button-text-color: var(--primary-white);
  --button-cta-fill-color: var(--primary-white);
  --button-cta-text-color: var(--primary-green);
  background-color: var(--bg-color);
}

.theme-green-color-scheme span,
.theme-green-color-scheme dt,
.theme-green-color-scheme dl,
.theme-green-color-scheme p,
.theme-green-color-scheme a,
.theme-green-color-scheme h1,
.theme-green-color-scheme h2,
.theme-green-color-scheme h3,
.theme-green-color-scheme h4,
.theme-green-color-scheme h5,
.theme-green-color-scheme h6 {
  color: var(--pale-gray);
}

.theme-blue-color-scheme{
  --bg-color: var(--tertiary-blue);
  --text-primary-color: var(--primary-white);
  --button-border-color: var(--primary-white);
  --button-fill-color: var(--tertiary-blue);
  --button-text-color: var(--primary-white);
  --button-cta-fill-color: var(--primary-white);
  --button-cta-text-color: var(--tertiary-blue);
  --placeholder-text-color: #a6d6ea;
  background-color: var(--bg-color);
}

.theme-blue-color-scheme span,
.theme-blue-color-scheme dt,
.theme-blue-color-scheme dl,
.theme-blue-color-scheme p,
.theme-blue-color-scheme a,
.theme-blue-color-scheme h1,
.theme-blue-color-scheme h2,
.theme-blue-color-scheme h3,
.theme-blue-color-scheme h4,
.theme-blue-color-scheme h5,
.theme-blue-color-scheme h6 {
  color: var(--text-primary-color);
}