body.goodburrow-app {
  --bg: #f5f5f7;
  --panel: #ffffff;
  --panel-strong: #f1f1f3;
  --text: #1d1d1f;
  --muted: #6e6e73;
  --line: rgba(25, 25, 29, .12);
  --soft: #ececef;
  --accent: #1d1d1f;
  --coffee: #0071e3;
  --zt-primary: #1d1d1f;
  --zt-primary-strong: #09090b;
  --zt-accent: #0066cc;
  --zt-gradient: #1d1d1f;
  --zt-text: #1d1d1f;
  --zt-muted: #6e6e73;
  --zt-bg: #f5f5f7;
  --zt-surface: #ffffff;
  --zt-surface-strong: #f7f7f8;
  background: #f5f5f7;
  color: #1d1d1f;
}

body.goodburrow-app .topbar,
body.zt-standalone.goodburrow-app .zt-header {
  border-color: rgba(25, 25, 29, .12);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(20px) saturate(135%);
}

body.goodburrow-app .sidebar,
body.goodburrow-app .inspector {
  background: #fff;
  border-color: rgba(25, 25, 29, .12);
}

body.goodburrow-app .btn,
body.goodburrow-app input,
body.goodburrow-app select,
body.goodburrow-app textarea,
body.goodburrow-app .zt-btn-primary,
body.goodburrow-app .zt-btn-secondary,
body.goodburrow-app .zt-header-create,
body.goodburrow-app .zt-search,
body.goodburrow-app .zt-select {
  border-radius: 12px;
}

body.goodburrow-app .btn.primary,
body.goodburrow-app .zt-btn-primary,
body.goodburrow-app .zt-header-create,
body.goodburrow-app .zt-hero-primary,
body.goodburrow-app .zt-btn-save {
  background: #1d1d1f;
  color: #fff;
  box-shadow: 0 14px 30px rgba(25,25,29,.14);
}

body.goodburrow-app .btn.coffee {
  border-color: rgba(0,113,227,.28);
  background: #edf5ff;
  color: #0066cc;
}

body.goodburrow-app .preview-shell,
body.goodburrow-app .template-card,
body.goodburrow-app .saved-card,
body.goodburrow-app .zt-item,
body.goodburrow-app .zt-hero-card {
  border-color: rgba(25, 25, 29, .11);
  box-shadow: 0 20px 55px rgba(31,29,35,.07);
}

body.zt-standalone.goodburrow-app #zt-panel::before,
body.zt-standalone.goodburrow-app .zt-header::after,
body.zt-standalone.goodburrow-app .zt-hero-card::before {
  display: none;
}

body.zt-standalone.goodburrow-app .zt-logo-text::after {
  color: #0066cc;
  content: "Email templates";
}

body.zt-standalone.goodburrow-app .mailpaw-launch {
  color: #1d1d1f;
  background:
    radial-gradient(circle at 76% 12%, rgba(0,113,227,.08), transparent 30%),
    #f5f5f7;
}

@media (prefers-color-scheme: dark) {
  body.goodburrow-app:not(.zt-standalone) {
    --bg: #1b1a1f;
    --panel: #242329;
    --panel-strong: #2b2a31;
    --text: #f7f6f3;
    --muted: #b5b3bc;
    --line: rgba(255,255,255,.12);
    --soft: #302f36;
    --accent: #f7f6f3;
    background: #1b1a1f;
    color: #f7f6f3;
  }
  body.goodburrow-app:not(.zt-standalone) .topbar,
  body.goodburrow-app:not(.zt-standalone) .sidebar,
  body.goodburrow-app:not(.zt-standalone) .inspector { background: #242329; border-color: rgba(255,255,255,.12); }
  body.goodburrow-app:not(.zt-standalone) .btn.primary { background: #f7f6f3; color: #1d1d1f; }
}

@media (max-width: 600px) {
  body.zt-standalone.goodburrow-app .zt-logo-text::after { display: none; }
  body.zt-standalone.goodburrow-app .zt-hero-card { background: #242329; color: #fff; }
  body.zt-standalone.goodburrow-app .zt-hero-title,
  body.zt-standalone.goodburrow-app .zt-hero-subtitle { color: #fff; }
  body.zt-standalone.goodburrow-app .zt-hero-tag { border-color: rgba(255,255,255,.18); color: #dddce2; }
  body.zt-standalone.goodburrow-app .zt-billing-banner__actions { flex-wrap: wrap; gap: 8px; }
  body.zt-standalone.goodburrow-app .zt-banner-cta,
  body.zt-standalone.goodburrow-app .zt-banner-link { width: 100%; min-height: 42px; }
}

/* Match the storefront while keeping the editors focused on their tools. */
body.goodburrow-app { font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif; }
body.goodburrow-app .btn.primary,body.goodburrow-app .zt-btn-primary,body.goodburrow-app .zt-header-create,body.goodburrow-app .zt-hero-primary,body.goodburrow-app .zt-btn-save { background:#0071e3; color:#fff; box-shadow:none; }
body.goodburrow-app .template-card,body.goodburrow-app .saved-card,body.goodburrow-app .zt-item { box-shadow:0 4px 20px #1d1d1f08; }
body.goodburrow-app input,body.goodburrow-app textarea,body.goodburrow-app select { font-size:16px; }