:root {
  --bg:#faf7f2;
  --text:#2b2b2b;
  --card:#ffffff;
}

[data-theme="dark"] {
  --bg:#121212;
  --text:#e5e5e5;
  --card:#1e1e1e;
}

body {
  margin:0;
  font-family:Inter,sans-serif;
  background:var(--bg);
  color:var(--text);
}

section {
  padding:60px 8%;
}

.card {
  background:var(--card);
  padding:20px;
  border-radius:10px;
}

.posts {
  display:grid;
  gap:30px;
}

/* MOBILE = diary mode */
@media(max-width:700px){
.posts {
  grid-template-columns:1fr;
}

.card {
  box-shadow:none;
  border-bottom:1px solid #ddd;
  border-radius:0;
}
}

button {
  background:#c47a4a;
  border:none;
  color:white;
  padding:10px 16px;
}