/* CSS 變數定義主題色 */
:root {
  --theme-color: #3b82f6; /* blue-500 */
  --theme-hover: #2563eb; /* blue-600 */
  --theme-light: #eff6ff; /* blue-50 */
  --theme-border: #60a5fa; /* blue-400 */
}
/* 暗色模式下的主題輔助色調整 */
.dark {
  --theme-light: #1e3a8a; /* blue-900 */
}
/* 各種主題的 CSS 變數覆寫 */
[data-theme="green"] {
  --theme-color: #22c55e; --theme-hover: #16a34a; --theme-light: #f0fdf4; --theme-border: #4ade80;
}
.dark[data-theme="green"] { --theme-light: #14532d; }
[data-theme="rose"] {
  --theme-color: #f43f5e; --theme-hover: #e11d48; --theme-light: #fff1f2; --theme-border: #fb7185;
}
.dark[data-theme="rose"] { --theme-light: #881337; }
[data-theme="amber"] {
  --theme-color: #f59e0b; --theme-hover: #d97706; --theme-light: #fffbeb; --theme-border: #fbbf24;
}
.dark[data-theme="amber"] { --theme-light: #78350f; }
/* 主題共用 Class */
.theme-text { color: var(--theme-color); }
.theme-bg { background-color: var(--theme-color); color: white; }
.theme-bg:hover { background-color: var(--theme-hover); }
.theme-border { border-color: var(--theme-border); }
.theme-cell:hover { background-color: var(--theme-light); }
/* 已劃掉的數字專屬樣式 (無視深淺色，固定搶眼) */
.is-marked {
  background-color: #ef4444 !important;
  color: white !important;
  border-color: #ef4444 !important;
  text-decoration: line-through;
  transform: scale(0.92);
  opacity: 0.85;
}
/* 隱藏捲軸 */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }