/* CompuZign Atomic Engine — Base */

/* Platform canvas — override any theme shell that sets a white background */
html,
body,
#page,
.site,
.site-content,
#content,
.content-area,
.site-main,
main,
.entry-content {
  background-color: var(--cz-color-bg) !important;
  color: var(--cz-color-text);
}

body {
  font-family: var(--cz-font-main);
}

.cz-page {
  background: var(--cz-color-bg);
  color: var(--cz-color-text);
}

.cz-muted {
  color: var(--cz-color-muted);
}

.cz-accent {
  color: var(--cz-color-accent);
}

.cz-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--cz-color-accent);
  text-transform: uppercase;
  letter-spacing: .18em;
  font-size: var(--cz-font-size-xs);
  font-weight: 800;
  margin-bottom: 26px;
}

.cz-eyebrow::before {
  content: "";
  width: 22px;
  height: 3px;
  background: var(--cz-color-accent);
  display: inline-block;
}

.cz-eyebrow.is-small {
  font-size: .68rem;
  margin-bottom: 14px;
}

.cz-heading-xl {
  font-size: clamp(3rem, 6vw, 6.7rem);
  line-height: .94;
  letter-spacing: -.075em;
  font-weight: 800;
}

.cz-heading-lg {
  font-size: clamp(2.2rem, 4vw, 4.8rem);
  line-height: 1;
  letter-spacing: -.055em;
  font-weight: 800;
}

.cz-heading-md {
  font-size: clamp(1.3rem, 2.2vw, 1.9rem);
  line-height: 1.15;
  letter-spacing: -.03em;
  font-weight: 800;
}

.cz-heading-sm {
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.02em;
}

.cz-copy {
  color: var(--cz-color-muted);
  font-size: var(--cz-font-size-lg);
  line-height: var(--cz-line-height-body);
}