:root {
  --wpaic-font-body: "Inter", sans-serif;
  --wpaic-font-heading: "Inter", sans-serif;
  --wpaic-color-text: #111827;
  --wpaic-color-bg: #ffffff;
  --wpaic-color-primary: #0f766e;
  --wpaic-container-max: 1200px;
  --wpaic-container-padding: 24px;
  --wpaic-size-body: 1rem;
  --wpaic-size-h1: clamp(2rem, 5vw, 3rem);
  --wpaic-size-h2: clamp(1.6rem, 4vw, 2.4rem);
  --wpaic-size-h3: clamp(1.3rem, 3vw, 1.8rem);
}

body .wpaic-content {
  font-family: var(--wpaic-font-body);
  font-size: var(--wpaic-size-body);
  color: var(--wpaic-color-text);
  background: var(--wpaic-color-bg);
}

.wpaic-content h1,
.wpaic-content h2,
.wpaic-content h3,
.wpaic-content h4,
.wpaic-content h5,
.wpaic-content h6 {
  font-family: var(--wpaic-font-heading);
}

.wpaic-content h1 {
  font-size: var(--wpaic-size-h1);
}

.wpaic-content h2 {
  font-size: var(--wpaic-size-h2);
}

.wpaic-content h3 {
  font-size: var(--wpaic-size-h3);
}

.wpaic-content .container {
  max-width: var(--wpaic-container-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--wpaic-container-padding);
  padding-right: var(--wpaic-container-padding);
}

.wpaic-content a:not([class*="btn"]) {
  color: var(--wpaic-color-primary);
}