/*
 * ZETTON (zetton.com) comment theme — v2.
 * v1 との差分: 放送局コンソール（body.station・ダーク固定）でインライン表示する
 * reader/composer 向けに、body.station スコープのダーク上書きを追加。
 * 記事ページ（ライト・drawer UI）は v1 と同じ値のまま変わらない。
 * Central source: comment_system_a/public/comments/themes/zetton/v2.css
 * Public URL: https://chimatter.com/comments/themes/zetton/v2.css
 *
 * Site tokens (from zetton_com inline CSS, light values):
 *   paper #f4f1ea / surface #fbfaf6 / ink #1c1a15 / muted #6c6358 /
 *   line rgba(28,26,21,.12) / accent #b25a34 (theme-invariant).
 *   Content pages (content/*.html) are permanently light. The top page
 *   (index.html) has a site-side dark toggle, but it is driven by a
 *   [data-theme="dark"] attribute set by the site's own JS — NOT by
 *   prefers-color-scheme — so this release ships a fixed warm-light theme
 *   only. A dark variant that follows the top page's toggle is a v2 candidate
 *   (see integrations/comments/INTEGRATION_STATUS.md, Open Risks).
 *   Borders derive from muted at 0.3 alpha (same structure as zenber/v1).
 */

.cmt-root {
  --cmt-font: "Zen Kaku Gothic New", system-ui, -apple-system, "Segoe UI", sans-serif;
  --cmt-gap: 1rem;
  --cmt-max-width: 42.5rem;
  --cmt-fg: #1c1a15;
  --cmt-muted: #6c6358;
  --cmt-border: rgba(108, 99, 88, 0.3);
  --cmt-anchor-color: #b25a34;
  --cmt-highlight: #f0ddcc;
}

.cmt-drawer {
  --cmt-drawer-accent: #b25a34;
  --cmt-drawer-tab-bg: #b25a34;
  --cmt-drawer-tab-fg: #faf8f2;
  --cmt-drawer-sheet-bg: #f6f2ea;
  --cmt-drawer-fg: #1c1a15;
  --cmt-drawer-scrim: rgba(28, 26, 21, 0.45);
  --cmt-drawer-radius: 4px;
  --cmt-drawer-shadow: 0 -10px 40px rgba(28, 26, 21, 0.2);
}

/* --- v2: station console (dark, inline mount) ------------------------- */
body.station .cmt-root {
  --cmt-fg: #ECE6DA;
  --cmt-muted: #9A917F;
  --cmt-border: rgba(236, 230, 218, 0.22);
  --cmt-anchor-color: #D8824F;
  --cmt-highlight: rgba(216, 130, 79, 0.28);
}
body.station .cmt-form { color: #ECE6DA; }
body.station .cmt-label { color: #9A917F; }
body.station .cmt-input { background: #23201A; color: #ECE6DA; border-color: rgba(236, 230, 218, 0.22); }
body.station .cmt-input::placeholder { color: #6F6759; }
body.station .cmt-submit { background: #D8824F; color: #141310; }
body.station .cmt-notice, body.station .cmt-form-notice { color: #9A917F; }