/* Generated by scripts/build-zaozao-tokens.mjs. Source: zaozao.tokens.json. */
:root {
  /* brand */
  --zz-ink: #0c131c;
  --zz-ivory: #fff9e9;
  --zz-gold: #ffdf4a;
  --zz-sage: #dce5df;
  --zz-cream: #f6f3e9;
  --zz-teal: #78c7cc;
  --zz-muted: #b8c2c5;
  --zz-text-on-gold: #111715;
  --zz-text-on-cream: #202820;
  --zz-text-on-sage: #1b2a25;
  --zz-gold-hover: #ffe775;
  --zz-border-light: #dbdfde;
  /* character */
  --zz-body-base: #3a3d44;
  --zz-body-shade: #23262b;
  --zz-shirt-base: #f2b73a;
  --zz-shirt-shade: #cd9a2a;
  --zz-beak-ivory: #f6f1e9;
  --zz-eye-red: #e33026;
  --zz-glasses-black: #14161a;
  --zz-rim-gold: #ffca60;
  --zz-pointer-wood: #ba692e;
  /* type */
  --zz-font-family: "Zaozao Sans", "Microsoft YaHei", sans-serif;
  --zz-size-display: 140px;
  --zz-size-h2: 74px;
  --zz-size-h2-section: 58px;
  --zz-size-lead: 30px;
  --zz-size-eyebrow: 22px;
  --zz-size-step-title: 27px;
  --zz-size-body: 18px;
  --zz-size-label: 14px;
  --zz-lineheight-display: 1.08;
  --zz-lineheight-h2: 1.35;
  --zz-lineheight-body: 1.9;
  --zz-weight-regular: 400;
  --zz-weight-bold: 700;
  --zz-weight-display: 900;
  /* metrics */
  --zz-radius-pill: 100px;
  --zz-radius-card: 20px;
  --zz-focus-width: 3px;
  --zz-focus-offset: 7px;
  --zz-button-height: 62px;
  --zz-section-gutter: 5.4%;
  /* space */
  --zz-space-4: 4px;
  --zz-space-8: 8px;
  --zz-space-12: 12px;
  --zz-space-16: 16px;
  --zz-space-24: 24px;
  --zz-space-32: 32px;
  --zz-space-48: 48px;
  --zz-space-64: 64px;
  --zz-space-96: 96px;
  /* motion */
  --zz-motion-fast: 200ms;
  --zz-motion-response: 600ms;
}