:root {
  --bg:       #faf8f5;
  --surface:  #ffffff;
  --surface2: #f5f0ea;
  --text:     #2d2416;
  --text2:    #7a6e65;
  --border:   #e8d8c8;
  --accent:   #c8956a;
  --accent2:  #b07550;
  --red:      #dc3545;
  --shadow:   0 2px 12px rgba(0,0,0,0.07);
  --nav-h:    52px;
}

[data-theme="dark"] {
  --bg:       #1a1714;
  --surface:  #252018;
  --surface2: #2e2820;
  --text:     #f0ebe4;
  --text2:    #a09488;
  --border:   #3a3328;
  --accent:   #d8a57a;
  --accent2:  #c8956a;
}

* { box-sizing: border-box; }

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

.nav-back {
  display: flex;
  align-items: center;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--text2);
  text-decoration: none;
  padding: 6px 10px;
  border-radius: 8px;
  flex-shrink: 0;
  transition: all 0.2s;
  white-space: nowrap;
}
.nav-back:hover { color: var(--accent); background: var(--surface2); }