/**
 * @file
 * Background color utilities for paragraphs
 */

/* Transparent (Default) */
.paragraph--bg-transparent {
  background-color: transparent;
}

/* White */
.paragraph--bg-white {
  background-color: #FFFFFF;
}

/* Primary Orange */
.paragraph--bg-primary {
  background-color: var(--color-primary);
  color: #FFFFFF;
}

.paragraph--bg-primary * {
  color: #FFFFFF;
}

/* Primary Dark Orange */
.paragraph--bg-primary-dark {
  background-color: var(--color-primary-dark);
  color: #FFFFFF;
}

.paragraph--bg-primary-dark * {
  color: #FFFFFF;
}

/* Secondary Blue */
.paragraph--bg-secondary {
  background-color: var(--color-secondary);
  color: #FFFFFF;
}

.paragraph--bg-secondary * {
  color: #FFFFFF;
}

/* Secondary Dark Blue */
.paragraph--bg-secondary-dark {
  background-color: var(--color-secondary-dark);
  color: #FFFFFF;
}

.paragraph--bg-secondary-dark * {
  color: #FFFFFF;
}

/* Accent Purple */
.paragraph--bg-accent {
  background-color: var(--color-accent);
  color: #FFFFFF;
}

.paragraph--bg-accent * {
  color: #FFFFFF;
}

/* Light Gray */
.paragraph--bg-bg-light {
  background-color: var(--color-bg-light);
}

/* Dark Gray */
.paragraph--bg-bg-dark {
  background-color: var(--color-bg-dark);
  color: #FFFFFF;
}

.paragraph--bg-bg-dark * {
  color: #FFFFFF;
}

/* FAQ Light Blue-Gray */
.paragraph--bg-faq-light-blue {
  background-color: #f5f7fa;
}

/* Form Gray */
.paragraph--bg-form-gray {
  background-color: #F5F5F5;
}

/* Header Light Blue */
.paragraph--bg-header-light-blue {
  background-color: #E3F2FD;
}

/* Footer Dark */
.paragraph--bg-footer-dark {
  background-color: #212121;
  color: #FFFFFF;
}

.paragraph--bg-footer-dark * {
  color: #FFFFFF;
}

/* Black */
.paragraph--bg-black {
  background-color: #000000;
  color: #FFFFFF;
}

.paragraph--bg-black * {
  color: #FFFFFF;
}

/* Staff Gradient Start (Purple-Blue) */
.paragraph--bg-staff-gradient-start {
  background-color: #667eea;
  color: #FFFFFF;
}

.paragraph--bg-staff-gradient-start * {
  color: #FFFFFF;
}

/* Staff Gradient End (Purple) */
.paragraph--bg-staff-gradient-end {
  background-color: #764ba2;
  color: #FFFFFF;
}

.paragraph--bg-staff-gradient-end * {
  color: #FFFFFF;
}

/* Light Blue */
.paragraph--bg-light-blue {
  background-color: #6bcbff;
  color: #FFFFFF;
}

.paragraph--bg-light-blue * {
  color: #FFFFFF;
}