/* Shared only by the private site preview and the published company-site shell. */
.company-site-page,
.site-preview[data-theme="teal"] {
  --bg: #f4eff2;
  --surface: #ffffff;
  --ink: #231428;
  --muted: #6e5c6f;
  --accent: #7a3e86;
  --line: #ede5eb;
}

.company-site-page[data-theme="slate"],
.site-preview[data-theme="slate"] {
  --bg: #eef1f5;
  --surface: #ffffff;
  --ink: #182839;
  --muted: #566779;
  --accent: #345f84;
  --line: #cbd5df;
}

.company-site-page[data-theme="sand"],
.site-preview[data-theme="sand"] {
  --bg: #f8f1e5;
  --surface: #ffffff;
  --ink: #3d2d22;
  --muted: #725d4c;
  --accent: #a8532f;
  --line: #dfcdb8;
}

.company-site-page,
.site-preview[data-theme] {
  --site-cta-bg: #d8f24e;
  --site-cta-ink: #231428;
}

.company-site-page {
  color: var(--ink);
  background: var(--bg);
}

.site-preview[data-theme] {
  color: var(--ink);
  background: var(--bg);
}

.site-preview[data-theme] h3,
.site-preview[data-theme] h4,
.site-preview[data-theme] strong,
.site-preview[data-theme] p,
.site-preview[data-theme] small {
  color: inherit;
}

.company-site-cta,
.company-site-page button {
  display: inline-flex;
  min-height: 2.8rem;
  align-items: center;
  justify-content: center;
  padding: 0.7rem 1rem;
  border: 1px solid var(--accent);
  border-radius: 999px 999px 999px 8px;
  color: var(--site-cta-ink);
  background: var(--site-cta-bg);
  font: inherit;
  font-weight: 800;
}