/* 05 漆黒と金 — 暗い背景・金の差し色・高級感 */
:root { --bg: #121110; --surface: #1c1a17; --ink: #ece4d4; --muted: #9a907e; --line: #34302a; --accent: #c3a165; --accent-ink: #121110; --green: #1c1a17; --soft: #1a1815; --radius: 2px; }
body { font-family: "Noto Serif JP", serif; letter-spacing: .08em; }
h1, h2, .logo-text { font-family: "Shippori Mincho", serif; color: var(--ink); }
.demo-bar { background: #000; color: var(--muted); }
.site-header { background: rgba(18,17,16,.92); }
.logo-mark { background: transparent; border: 1px solid var(--accent); color: var(--accent); }
.btn { border-radius: 2px; }
.btn-ghost { color: var(--accent); border-color: var(--accent); }
.hero h1 { color: var(--accent); }
.hero-art .art { border-radius: 2px; filter: brightness(.82) contrast(1.05); outline: 1px solid var(--accent); outline-offset: 10px; }
.card .art { filter: brightness(.85); }
.eyebrow { color: var(--accent); letter-spacing: .4em; }
.badge { background: var(--accent); color: #121110; border-radius: 2px; }
.badge.static { background: transparent; border: 1px solid var(--accent); color: var(--accent); }
.chip.on { background: var(--accent); border-color: var(--accent); color: #121110; }
.story { background: var(--surface); border: 1px solid var(--line); border-radius: 2px; }
.story .eyebrow, .story .link { color: var(--accent); }
.qty button { color: var(--ink); }
.form input:not([type=radio]) { background: #121110 !important; }
.radio:has(input:checked) { background: #241f17; }
.toast { background: var(--accent); color: #121110; }
.steps .done::before { background: var(--ink); color: #121110; }