/* ============================================================
   Scent Theme — sphere-of-scent（香域）
   Dark Gold + Wine on near-black — 金/酒紅暗色系
   Serif headings (Noto Serif TC) + system sans body
   Phase 0：僅 token 層 + 最小 base（元件樣式留待 Phase 1–4）
   選擇器一律 [data-theme="scent"]（不污染 :root / 其他站）
   ============================================================ */

[data-theme="scent"] {
  /* ── Background layers ── */
  --color-bg: #080605;
  --color-surface: #080605;
  --color-bg-alt: #0d0a09;
  --color-surface-alt: #0d0a09;

  /* ── Brand: 暗金 ── */
  --color-primary: #B88A4A;
  --color-accent: #B88A4A;
  --color-primary-dk: #8a6535;
  --color-primary-dark: #8a6535;
  --color-primary-lt: #d6a763;
  --color-primary-light: #d6a763;
  --color-accent-light: rgba(184, 138, 74, 0.14);

  /* ── Text ── */
  --color-text: #E9DDC8;
  --color-text-primary: #E9DDC8;
  --color-text-secondary: #c9bca3;
  --color-muted: #9a8f7d;
  --color-text-muted: #9a8f7d;
  --color-text-on-dark: #E9DDC8;

  /* ── Border ── */
  --color-border: rgba(184, 138, 74, 0.20);

  /* ── Fonts ── */
  --font-heading: 'Noto Serif TC', Georgia, serif;
  --font-display: 'Noto Serif TC', Georgia, serif;
  --font-body: -apple-system, 'Noto Sans TC', sans-serif;
  --font-ui: -apple-system, 'Noto Sans TC', sans-serif;

  /* ── Radius（cornerStyle=sharp）── */
  --radius: 2px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 6px;

  /* ── Header / Footer ── */
  --header-bg: rgba(8, 6, 5, 0.92);
  --header-text: #E9DDC8;
  --footer-bg: #0a0706;
  --footer-text: rgba(233, 221, 200, 0.5);

  /* ── Shadows ── */
  --shadow-card: 0 1px 4px rgba(0, 0, 0, 0.4);
  --card-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  --shadow-hover: 0 18px 40px rgba(0, 0, 0, 0.5);
  --card-shadow-hover: 0 18px 40px rgba(0, 0, 0, 0.5);

  /* ── Misc ── */
  --reading-progress-color: #B88A4A;
  --transition: 0.25s cubic-bezier(0.22, 1, 0.36, 1);

  /* ── 保留給後續 scent 元件（Phase 1–4）── */
  --scent-wine: #5B1218;
  --scent-wine-deep: #3a0d11;
  --scent-gold: #B88A4A;
  --scent-gold-bright: #d6a763;
  --scent-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* ── Minimal base reset（鏡像 darktech：只設底色/字色，不做元件特效）── */
[data-theme="scent"] {
  background: var(--color-bg);
  color: var(--color-text);
}

/* ── Article prose（scent 暗金；鏡像 hanatimes/darktech 的 .prose-premium scope）── */
[data-theme="scent"] .prose-premium {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.95;
  color: var(--color-text-primary);
}
[data-theme="scent"] .prose-premium h2 {
  font-family: var(--font-heading);
  font-size: 23px;
  font-weight: 700;
  color: var(--color-text);
  margin-top: 40px;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--color-border);
}
[data-theme="scent"] .prose-premium h3 {
  font-family: var(--font-heading);
  font-size: 19px;
  font-weight: 700;
  color: var(--color-text);
  margin-top: 30px;
  margin-bottom: 12px;
}
[data-theme="scent"] .prose-premium p { margin-bottom: 18px; }
[data-theme="scent"] .prose-premium ul,
[data-theme="scent"] .prose-premium ol { font-size: 15px; line-height: 1.85; margin: 0 0 18px 20px; color: var(--color-text-secondary); }
[data-theme="scent"] .prose-premium li { margin-bottom: 6px; }
[data-theme="scent"] .prose-premium a {
  color: var(--color-primary);
  text-decoration: underline;
  text-decoration-color: var(--color-accent-light);
  text-underline-offset: 3px;
  transition: color var(--transition, 0.25s);
}
[data-theme="scent"] .prose-premium a:hover { color: var(--color-primary-light); }
[data-theme="scent"] .prose-premium blockquote {
  border-left: 3px solid var(--color-primary);
  background: var(--color-accent-light);
  padding: 16px 24px;
  margin: 24px 0;
  font-style: italic;
  color: var(--color-text-secondary);
  border-radius: 0 var(--radius-md, 4px) var(--radius-md, 4px) 0;
}
[data-theme="scent"] .prose-premium strong { color: var(--color-text); font-weight: 700; }
[data-theme="scent"] .prose-premium img { max-width: 100%; height: auto; border-radius: var(--radius-md, 4px); border: 1px solid var(--color-border); }
[data-theme="scent"] .prose-premium code {
  font-family: ui-monospace, monospace;
  font-size: 13.5px;
  background: var(--color-bg-alt);
  color: var(--color-primary);
  padding: 2px 6px;
  border-radius: var(--radius-sm, 2px);
}
[data-theme="scent"] .prose-premium pre {
  background: var(--color-bg-alt);
  border: 1px solid var(--color-border);
  padding: 16px;
  overflow-x: auto;
  border-radius: var(--radius-md, 4px);
}
[data-theme="scent"] .prose-premium pre code { background: none; padding: 0; color: var(--color-text-secondary); }
[data-theme="scent"] .prose-premium table { width: 100%; border-collapse: collapse; margin: 18px 0; }
[data-theme="scent"] .prose-premium th { background: var(--color-bg-alt); color: var(--color-text); padding: 10px 14px; text-align: left; font-size: 13px; border: 1px solid var(--color-border); }
[data-theme="scent"] .prose-premium td { padding: 10px 14px; border: 1px solid var(--color-border); font-size: 14px; color: var(--color-text-secondary); }
[data-theme="scent"] .reading-progress-bar { background: var(--color-primary); height: 3px; }