:root {
    --bg: #f7f3eb;      /* 247, 243, 235*/
    --surface: #fffdf8;
    --text: #3a2b1a;
    --muted: #6d5c48;
    --accent: #a05a2c;  /* 160, 90, 44 */
    --accent-2: #7c3f21;
    --glass: rgba(58,43,26,0.06);
    --max-width: 1040px;
    --radius: 12px;
    --gap: 20px;
    --shadow: 0 10px 30px rgba(45,33,24,0.08);
}

body {
  font-family: verdana, arial, helvetica, sans-serif;
  color: var(--text);
  background-color: var(--bg);
  margin-left: 2em;
  margin-right: 2em;
}

h1, h2, h3, h4, h5, h6 {
   text-align: left;
   background: transparent;
}
h1 { font-size: 190% }
h2 { font-size: 160% }
h3 { font-size: 130% }
h4 { font-size: 110% }
h5 { font-size: 100% }
h6 { font-size: 100%; font-style: italic }

pre {
    background:#f2ece3;
    padding:14px;
    border-radius:8px;
    overflow:auto;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", monospace;
    color: #3a2b1a;
    border:1px solid rgba(0,0,0,0.04);
}

pre.macroerror {
    background-color: #ee5555;
}

blockquote {
    border-left: solid thick #ddbbaa;
}

blockquote > blockquote {
    border-left: solid thick #bb9988;
}

blockquote > blockquote > blockquote {
    border-left: solid thick #997766;
}

dt { font-weight: bold }

td.inbody { background: #dddddd }   /* used in formatted body */
td.preview { background: #eeddaa }  /* used in preview page */