/* ==========================================================================
   站點主題示例 · dark（暗色 · 夜間友好）
   用法：在 config/sites.php 裡把某個域名的 theme 設為 'dark'
   ========================================================================== */

:root {
  --c-bg: #16181a;
  --c-surface: #1e2124;
  --c-surface-2: #26292d;
  --c-border: #33383d;
  --c-text: #dfe2e5;
  --c-text-2: #a4abb3;
  --c-text-3: #767d85;
  --c-primary: #d98b5f;
  --c-primary-dark: #c2764c;
  --c-primary-soft: #2e2723;
  --c-ok: #6cc39a;
  --c-ok-soft: #1f2b26;
  --c-danger: #e4736a;
  --c-warn: #d8b25f;

  --c-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 14px rgba(0, 0, 0, .25);

  --w-bg: #16181a;
  --w-surface: #1e2124;
  --w-border: #33383d;
  --w-text: #dfe2e5;
  --w-text2: #a4abb3;
  --w-text3: #767d85;
  --w-primary: #d98b5f;
  --w-primary-soft: #2e2723;
}

/* 暗色下頁面裡少數幾個淺色塊需要單獨處理 */
.site-header,
.site-footer,
.panel,
.book-card,
.reader-panel {
  background: var(--c-surface);
}

.book-hero,
.panel {
  box-shadow: var(--c-shadow);
}

/* 封面佔位圖在暗色下太亮，壓暗一點 */
img[src*="nocover"] { opacity: .55; }

/* 閱讀器默認用暗色 */
.reader-wrap { --reader-bg: #1e1e1c; }
.wap-reader { background: #1e1e1c; }
.wap-reader { color: #b8b5ae; }