:root {
  --bg: #faf7f4;
  --surface: #ffffff;
  --surface2: #f3ede6;
  --border: #e8ddd4;
  --text: #2c1f16;
  --text2: #7a5f4e;
  --accent: #c8956a;
  --accent2: #8b5a3c;
  --gold: #d4a853;
  --green: #4a8c6a;
  --red: #c0392b;
  --shadow: 0 2px 16px rgba(44,31,22,0.08);
  --radius: 14px;
  --nav-h: 60px;
}

[data-theme="dark"] {
  --bg: #0f0b08;
  --surface: #1a1310;
  --surface2: #241c17;
  --border: #3a2e26;
  --text: #f0e8e0;
  --text2: #b09080;
  --accent: #e0a87a;
  --accent2: #f0c090;
  --gold: #e8c060;
  --green: #5ab07a;
  --red: #e05040;
  --shadow: 0 2px 20px rgba(0,0,0,0.4);
}

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

body {
  font-family: 'DM Sans', sans-serif;
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
  transition: background 0.3s, color 0.3s;
}

main {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 16px 48px;
}

@media (max-width: 600px) {
  main { padding: 12px 10px 48px; }
}

@media print {
  body { background: white !important; color: black !important; }
  main { padding: 8px !important; }
}

.hidden { display: none; }