.bg-primary{
  background-color: #005c64;
}

.bg-nav-hover{
  background-color: #edf7f6;
  color: #005c64;
}

.text-green-900{
  background-color: #DCF1E4;
  color: #005c64;
  border: none;
}

.bg-muted-foreground{
  background-color: #005c64;
}

/* ---------------------------------------------------------------
   新增：与 .bg-primary 配对的前景色

   你覆盖了 .bg-primary 的背景色，但没有覆盖配套的文字色。
   暗色主题下 --primary-foreground 是黑色，于是「深绿底 + 黑字」看不清。

   这一条把文字设为白色后，凡是使用「主色背景 + 主色前景」的地方
   会一次性全部修好（主按钮、default 徽章、勾选框选中态、
   日历选中日、下拉选择、导航标签、tooltip 等，共 33 处）。

   #005c64 是深色，白字对比度约 8:1，符合无障碍标准。
   若想柔和一点，可换成 #edf7f6（和你 .bg-nav-hover 的薄荷白一致）。
   --------------------------------------------------------------- */
.text-primary-foreground{
  color: #ffffff;
}

/* ---------------------------------------------------------------
   新增 2：暗色模式下的导航悬停

   原来的 .bg-nav-hover 用的是浅薄荷白 (#edf7f6)，没区分明暗主题。
   导航高亮是一个【独立的背景方块】，文字在它上层的 <a> 上，
   而暗色模式下 <a> 的文字是浅灰 → 浅灰压在浅薄荷底上 = 看不见。

   暗色模式改用深青色块，并把文字设为浅色，两者都有足够对比度。
   （亮色模式不受影响，仍是 #edf7f6 薄荷白。）

   想微调深浅，改下面的 background-color 即可。
   --------------------------------------------------------------- */
.dark .bg-nav-hover{
  background-color: #0d3b3f;
  color: #edf7f6;
}