:root {

  --email-shell-width: 480px;
  --email-shell-padding: 32px;
  --email-shell-page-padding: 24px;
  --email-shell-border-width: 1px;
  --email-card-radius: 10px;
  --email-card-reference-height: 407px;
  --email-stack-gap: 24px;
  --email-stack-gap-sm: 12px;

  --email-mark-width: 22px;
  --email-mark-height: 22px;
  --email-mark-gap: 8px;
  --email-wordmark-font-size: 13px;
  --email-wordmark-font-weight: 700;

  --email-font-family-sans:
    "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", YuGothic,
    "M PLUS 2", Meiryo, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, Arial,
    sans-serif;

  --email-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --email-body-font-size: 14px;

  --email-body-line-height: 1.9;
  --email-body-font-weight: 400;
  --email-heading-font-size: 17px;
  --email-heading-line-height: 1.7;
  --email-heading-font-weight: 500;

  --email-cta-height: 44px;
  --email-cta-line-height: 44px;
  --email-cta-padding-x: 16px;
  --email-cta-radius: 6px;
  --email-cta-font-size: 14px;
  --email-cta-font-weight: 500;

  --email-footer-font-size: 11px;
  --email-footer-line-height: 1.8;
  --email-footer-link-gap: 12px;
  --email-footer-padding-top: 20px;
  --email-footer-border-width: 1px;

  --email-focus-border-width: 2px;

  --email-mobile-max-width: 520px;
  --email-mobile-width: 100%;
  --email-mobile-padding: 20px;
  --email-mobile-page-padding: 12px;

  --email-mobile-heading-font-size: 16px;
  --email-mobile-cta-width: 100%;
}