:root{
  --bg: #F3F1E8;
  --surface: #F7F5ED;
  --text: #2E2E2E;
  --muted: rgba(46,46,46,0.7);
  --border: rgba(46,46,46,0.12);
  --card: #FFFFFF;
  --max: 1100px;
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  background: var(--bg);
  color: var(--text);
  font-family: "Geist", system-ui, sans-serif;
  line-height: 1.5;
}

h1,h2,h3,h4,h5,h6{
  font-family: "Petrona", "Georgia", serif;
  font-weight: 500;
}

img{ max-width:100%; height:auto; display:block; }
a{ color: inherit; text-underline-offset: 3px; }