<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>{{subject}}</title>
  </head>
  <body style="margin:0;padding:32px;background:{{theme.colors.background}};font-family:{{theme.fonts.body}};color:{{theme.colors.text}};">
    <div style="max-width:640px;margin:0 auto;background:{{theme.colors.card}};border:1px solid {{theme.colors.border}};border-radius:16px;overflow:hidden;">
      <div style="padding:24px 28px;border-bottom:1px solid {{theme.colors.border}};">
        <div style="font-size:24px;font-weight:700;">{{appName}}</div>
      </div>
      <div style="padding:28px;">
        {{content}}
      </div>
      {{> footer}}
    </div>
  </body>
</html>
