:root {
  --brand-teal: #178f7a;
  --brand-teal-dark: #0d6458;
  --brand-teal-soft: #dff4ef;
  --brand-coral: #f2785c;
  --brand-coral-soft: #fff0eb;
  --brand-ink: #183239;
  --brand-paper: #f6fbfa;
  --brand-line: #b8ddd5;
}
body { background: var(--brand-paper) !important; color: var(--brand-ink) !important; }
.app-shell { --ui-primary: var(--brand-teal) !important; --ui-accent: var(--brand-coral) !important; --ui-third: var(--brand-teal) !important; --ui-on-third: #fff !important; --ui-base: #fff !important; --ui-soft: var(--brand-teal-soft) !important; --ui-panel: #fff !important; --ui-stage: var(--brand-paper) !important; --ui-line: var(--brand-line) !important; --ui-on-primary: #fff !important; --ui-on-accent: #fff !important; }
.topbar { background: #fff !important; border-bottom-color: var(--brand-line) !important; }
.brand-avatar { background: var(--brand-coral-soft) !important; border-color: var(--brand-coral) !important; }
.brand-avatar img, .wechat-meta .account-dot img, .tutorial-avatar img, .ending-postcard img { object-fit: cover; }
.brand-copy strong em, .brand-tag, .eyebrow { color: var(--brand-teal-dark) !important; }
.toolbar-shortcut:hover, .toolbar-shortcut.active, button:hover { color: var(--brand-teal-dark) !important; }
button.copy-button, .copy-button { background: var(--brand-teal) !important; border-color: var(--brand-teal) !important; color: #fff !important; }
button.copy-button:hover, .copy-button:hover { background: var(--brand-teal-dark) !important; }
input[type="range"] { accent-color: var(--brand-coral) !important; }
.preview-stage { background: #e8f5f2 !important; }
.phone-page { border-top-color: var(--brand-teal) !important; }
.punk-stamp { background: var(--brand-coral) !important; border-color: var(--brand-teal) !important; color: #fff !important; transform: rotate(5deg) !important; }
.wechat-article h1, .wechat-article h2, .wechat-article h3, .section-title, .subheading-copy { color: var(--brand-ink) !important; }
.wechat-article strong, .wechat-article a, .point-bullet, .section-number, .subheading-number { color: var(--brand-teal) !important; }
.wechat-article blockquote { border-color: var(--brand-coral) !important; background: var(--brand-coral-soft) !important; }
.wechat-article code { color: var(--brand-teal-dark) !important; background: var(--brand-teal-soft) !important; }
.wechat-article hr, .article-end span { border-color: var(--brand-coral) !important; }
.saved-dot, .code-status.active { color: var(--brand-teal) !important; }
@media (max-width: 850px) { .topbar { background: #fff !important; } .preview-stage { background: var(--brand-paper) !important; } }