/* Alki automatic contrast — semantic tokens shared by Designer and public sites. */
.site-canvas .d-kicker {
  color: var(--section-accent, #5b21a8);
}

.site-canvas :is(.d-cta, .d-newsletter .fake-form b) {
  color: var(--section-accent-ink, #fff);
}

.site-canvas[data-alki-button-style="brand"] :is(.d-cta, .d-newsletter .fake-form b),
.site-canvas[data-alki-button-style="pill"] :is(.d-cta, .d-newsletter .fake-form b),
.site-canvas[data-alki-button-style="gradient"] :is(.d-cta, .d-newsletter .fake-form b) {
  color: var(--section-accent-ink, #fff);
}

.site-canvas .d-contact-form p {
  color: inherit;
}

.site-canvas .d-benefits > div {
  color: var(--section-surface-ink, #17151b);
}

.site-canvas .d-benefits p {
  color: color-mix(in srgb, var(--section-surface-ink, #17151b) 72%, transparent);
}

.site-canvas .d-commerce-search b {
  color: var(--d-commerce-accent-ink, #fff);
}

.sp-eyebrow {
  color: var(--section-accent, var(--accent));
}

.sp-btn:not(.ghost):not(.dark) {
  color: var(--section-accent-ink, #fff);
  border-color: color-mix(in srgb, var(--section-accent, var(--accent)) 72%, #fff 28%);
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--section-accent, var(--accent)) 88%, #3484ff 12%),
    color-mix(in srgb, var(--section-accent, var(--accent)) 88%, #6926c9 12%)
  );
}

.sp-builder-benefits > div {
  color: var(--section-surface-ink, #17151b);
}

.sp-builder-benefits p {
  color: color-mix(in srgb, var(--section-surface-ink, #17151b) 72%, transparent);
}

.sp-builder-contact p {
  color: inherit;
}

.sp-commerce-search button,
.sp-commerce-utilities .sp-cart-link em {
  color: var(--commerce-accent-ink, #fff);
}

body[data-alki-surface="designer"] .contrast-auto-intro {
  display: grid;
  gap: 4px;
  padding: 12px 13px;
  border: 1px solid rgba(112, 224, 178, 0.24);
  border-radius: 11px;
  background: linear-gradient(145deg, rgba(55, 190, 137, 0.11), rgba(55, 190, 137, 0.035));
}

body[data-alki-surface="designer"] .contrast-auto-intro b {
  color: #b9f7da;
  font-size: 12px;
}

body[data-alki-surface="designer"] .contrast-auto-intro span {
  color: #c4d7ce;
  font-size: 10px;
  line-height: 1.5;
}

body[data-alki-surface="designer"] .contrast-report-summary.contrast-auto-success {
  border: 1px solid rgba(112, 224, 178, 0.32);
  background: linear-gradient(145deg, rgba(55, 190, 137, 0.13), rgba(55, 190, 137, 0.04));
}

body[data-alki-surface="designer"] .contrast-report-summary.contrast-auto-success b {
  color: #b9f7da;
}

body[data-alki-surface="designer"] .contrast-auto-color {
  align-items: center;
}

body[data-alki-surface="designer"] .contrast-auto-color i {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);
}

@media (max-width: 560px) {
  body[data-alki-surface="designer"] .modal-footer .btn {
    min-height: 44px;
  }
}