/* 08 藍染 — 藍色・白抜き・和柄 */
:root { --bg: #f5f3ee; --surface: #ffffff; --ink: #1c2a44; --muted: #66708a; --line: #d9dbe2; --accent: #22355e; --green: #22355e; --soft: #e9ebf0; --radius: 6px; }
body { font-family: "Zen Kaku Gothic New", sans-serif; }
h1, h2, .logo-text { font-family: "Zen Old Mincho", serif; font-weight: 700; }
.demo-bar { background: #0f1a30; }
.site-header { background: var(--accent); color: #fff; border: 0; }
.logo-mark { background: #fff; color: var(--accent); }
.cart-count { background: #e8c56a; color: var(--accent); }
.hero { position: relative; background-color: var(--accent); color: #fff; margin: 0 -20px; padding: 64px 40px; border-radius: 0 0 6px 6px;
  background-image: radial-gradient(circle at 0 0, transparent 14px, rgba(255,255,255,.07) 15px, transparent 16px), radial-gradient(circle at 20px 20px, transparent 14px, rgba(255,255,255,.07) 15px, transparent 16px);
  background-size: 40px 40px; }
.hero .lead { color: #cdd5e6; }
.hero .eyebrow { color: #e8c56a; }
.hero .btn { background: #fff; color: var(--accent); }
.hero .btn-ghost { background: transparent; color: #fff; border-color: #fff; }
.hero-art .art { border: 6px solid #fff; }
.features { margin-top: -24px; position: relative; box-shadow: 0 10px 30px rgba(28,42,68,.12); }
.badge { background: var(--accent); color: #fff; }
.story { background-color: var(--accent); background-image: repeating-linear-gradient(45deg, rgba(255,255,255,.04) 0 2px, transparent 2px 12px); }
.story .eyebrow { color: #e8c56a; }
.site-footer { background: var(--accent); color: #fff; border: 0; }
.site-footer .muted, .copy { color: #aab4cc; }
@media (max-width: 680px) { .hero { margin: 0 -16px; padding: 32px 16px; } }