.zc-site {
  --zc-ink: #101031;
  --zc-ink-2: #1b1b47;
  --zc-paper: #f9f7f2;
  --zc-cream: #eee6d7;
  --zc-orange: #ff7a36;
  --zc-coral: #ff5f58;
  --zc-blue: #2157c7;
  --zc-violet: #6646c9;
  --zc-white: #fff;
  --zc-muted: #666677;
  --zc-line: rgba(16, 16, 49, 0.17);
  --zc-shadow: 0 24px 64px rgba(16, 16, 49, 0.15);
  --zc-radius-sm: 12px;
  --zc-radius: 24px;
  --zc-radius-lg: 38px;
  --zc-shell: min(1180px, calc(100vw - 48px));
  --zc-display: "Gelasio", Georgia, "Times New Roman", serif;
  --zc-sans: "Lato", "Avenir Next", Avenir, "Segoe UI", sans-serif;
}

@media (max-width: 640px) {
  .zc-site { --zc-shell: min(100% - 32px, 1180px); }
}