:root {
  --primary: #8B5E3C;
  --primary-dark: #6A3F3A;
  --accent: #D4A574;
  --bg: #E5D3B7;
  --text: #333;
  --light: #fff;
  --shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
  --transition: all 0.3s ease;
  --radius: 16px;
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html { scroll-behavior: smooth; }
body {
  font-family: 'Poppins', sans-serif;
  background-color: var(--bg);
  color: var(--text);
  line-height: 1.6;
  overflow-x: hidden;
}

.dark-btn {
  padding: 6px 12px;
  border-radius: 20px;
  border: none;
  cursor: pointer;
  background: #222;
  color: white;
  font-weight: 500;
}


body.dark {
  background-color: #121212;
  color: #ffffff;
}

body.dark a {
  color: #ffcc00;
}

body.dark .book-card,
body.dark .recommend-card {
  background-color: #1e1e1e;
  color: white;
}