:root{
  --charcoal:#121212;
  --brown:#2B1D14;
  --amber:#C87A2E;
  --saffron:#E09F3E;
  --copper:#B87333;
  --cream:#F2E3C6;
  --muted:#9a8f80;
  --radius:18px;
  --gap:16px;
  --pad:24px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}

body{
  background:radial-gradient(1200px 800px at 20% 0%, #1a1310 0%, var(--charcoal) 60%);
  color:var(--cream);
  font-family:var(--font-body, 'Inter', system-ui, sans-serif);
  font-size:15px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3,h4{
  font-family:var(--font-heading, 'Cormorant Garamond', serif);
  font-weight:600;
  color:var(--cream);
}

a{color:inherit}
img{max-width:100%;display:block}
button{font-family:inherit}
::selection{background:var(--amber);color:#1a1005}