:root{
  --paper: #EFE6D6;
  --ink: #372A1C;
  --brown: #6B4226;
  --gold: #C08A2E;
  --gold-bright: #E8A33D;
}

*{
  box-sizing: border-box;
}

html, body{
  margin:0;
  min-height:100vh;
}

body{
  background:
    radial-gradient(ellipse 900px 700px at 50% 30%, #F6EEDE 0%, var(--paper) 60%, #E1D3B8 100%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap: clamp(18px, 4vw, 26px);
  padding: clamp(28px, 8vw, 48px) 16px 60px;
  font-family: 'JetBrains Mono', monospace;
  color: var(--ink);
  overflow-x:hidden;
}

body::before{
  content:"";
  position:fixed; inset:0;
  background: repeating-linear-gradient(45deg, rgba(107,66,38,0.025) 0 2px, transparent 2px 14px);
  pointer-events:none;
}

button{
  font-family: inherit;
}