/* --- darkmode.css အစ --- */

:root {
  /* White Mode (မူလလက်ရှိအရောင်) */
  --bg-color: #ffffff;
  --text-color:  #FFD700;
  --bottom-nav-bg: #ffffff;
  --nav-text: #000000;
  --accent-gold: #FFD700;
}

/* 📒 Reading Mode Class */
body.reading-mode {
  --bg-color: #f4ecd8; /* မျက်လုံးအေးစေမည့် ဝါညိုရောင် */
  --text-color: #5b4636; /* အညိုရင့်ရောင်စာသား */
  --bottom-nav-bg: #ede4d3;
  --nav-text: #8b4513;
}

/* 🌙 Dark Mode Class */
body.dark-mode {
  --bg-color: #000000;
  --text-color: #FFD700;
  --bottom-nav-bg: #111111;
  --nav-text: #FFD700;
}

/* တစ်ဆိုဒ်လုံး၏ နောက်ခံနှင့် စာသားအရောင်ကို Variable ဖြင့် ချိတ်ဆက်ခြင်း */
body {
  background-color: var(--bg-color);
  color: var(--text-color);
  transition: background-color 0.4s ease, color 0.4s ease;
  margin: 0;
}

/* Bottom Navigation Bar အပြင်အဆင် */
.bottom-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--bottom-nav-bg);
  border-top: 1px solid var(--accent-gold);
  padding: 0.75rem 0;
  display: flex;
  justify-content: space-around;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}

.bottom-nav a {
  color: var(--nav-text);
  text-decoration: none;
  font-weight: bold;
  padding: 6px 15px;
  border-radius: 8px;
  transition: all 0.3s ease;
}

/* --- darkmode.css အဆုံး --- */