:root {
  --primary-color: #000000;
  --secondary-color: #ffffff;
  --bg-color: #f9f9f9;
}

body {
  background-color: var(--bg-color);
  color: var(--primary-color);
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* Dynamically injected styles using variables */
.bg-primary-custom {
  background-color: var(--primary-color);
}
.text-primary-custom {
  color: var(--primary-color);
}
.border-primary-custom {
  border-color: var(--primary-color);
}

.bg-secondary-custom {
  background-color: var(--secondary-color);
}
.text-secondary-custom {
  color: var(--secondary-color);
}

/* Buttons */
.btn-primary {
  background-color: var(--primary-color);
  color: var(--secondary-color);
  transition: opacity 0.2s;
}
.btn-primary:hover {
  opacity: 0.9;
}

/* Rich Text Formatting */
#campaign-desc h1, #campaign-desc h2, #campaign-desc h3 {
  font-weight: bold;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
#campaign-desc p {
  margin-bottom: 1rem;
}
#campaign-desc ul {
  list-style-type: disc;
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}
#campaign-desc a {
  color: var(--primary-color);
  text-decoration: underline;
}

/* Embed Container */
.embed-container iframe {
  max-width: 100%;
}