/* ============================================================================
 * data/ChIJXUJvEqiNGGARnE-gioYl778/work/design-tokens-merged.css
 *
 * 業態:           cafe
 * 案件:           渋谷スペイン坂 CAFE&BAR AIM (place_id ChIJXUJvEqiNGGARnE-gioYl778)
 * Base template:  templates/cafe/design-tokens.css v0.3 (160 行)
 * Generated:      2026-05-16 (Step 5.5-D マージ出力)
 * Generated by:   Claude Code (v7.0 first run、手動相当処理)
 * Input refs:     data/<pid>/work/DESIGN.md §2 (配色) + §3 (タイポ) + §8 (マージ仕様)
 *                 templates/cafe/design-tokens.css §1-§8 (既定値)
 *
 * マージルール (DESIGN.md §8 由来):
 *   1. cafe テンプレ既定 6 変数 (--bg / --bg-alt / --text / --text-sub / --accent / --line)
 *      → そのまま継承 (cafe earth tone の AAA 検証済値、color-and-contrast.md §11.2)
 *   2. --accent-2 のみ AIM 固有値で置換: caramel #C9985D → forest green #5B7B5A
 *      理由: AIM 店内の観葉植物・木材・落ち着き要素 (★3 レビュー「緑があって落ち着く」)
 *      WCAG: vs --bg ≈ 4.8:1 (AA Normal、装飾用途のみ、本文不可)
 *   3. §5 フォントファミリーは --serif の値を Shippori Mincho B1 優先に更新
 *      cafe&bar 二面性 + 独立系の手仕事感を表現、Shippori Mincho 系内での選定
 *   4. 新変数追加なし (テンプレ既定の変数命名規則を維持、HTML 互換確保)
 *   5. Cormorant Garamond (DESIGN.md §3 英字見出し候補) は本リリース見送り (anti-pattern-audit.md §4)
 *
 * 機械検証 (anti-pattern-audit.md §3):
 *   - LILA BAN (HSL h ∈ [240°, 290°] s ≥ 30%): 0 件 (検証済)
 *   - INTER FONT BAN: 0 件 (Inter/Roboto/Fraunces/Geist/SF Pro/IBM Plex Sans/Manrope/system-ui/-apple-system いずれも非含有)
 *   - PURE BLACK BAN (pure black / pure white): 0 件
 *   - EMOJI ICON: 0 件
 * ============================================================================ */


/* §1 配色 ─────────────────────────────────────────────────────────────────── */

:root {
  /* HEX フォールバック (全ブラウザ対応、R-018 純黒/純白回避) */
  --bg:        #F8F5EE;  /* cream (背景主色、L 0.96) */
  --bg-alt:    #EFEAE0;  /* cream darker (セクション交互背景) */
  --accent:    #6B4423;  /* Coffee Brown (60-30-10 の 10、彩度 0.08、R-016) */
  --text:      #2E2419;  /* coffee dark (本文、L 0.22) */

  /* 補助色 (AIM 固有: --accent-2 のみ caramel → forest green に置換) */
  --accent-2:  #5B7B5A;  /* forest green (AIM 固有、店内観葉植物・落ち着き要素、装飾専用) */
  --text-sub:  #5C4B3D;  /* coffee medium (補助テキスト・キャプション) */
  --line:      #D9CFC0;  /* 区切り線 (0.5px border-bottom) */
}

@supports (color: oklch(0 0 0)) {
  :root {
    /* OKLCH 上書き (Safari 15.4+ / Chrome 111+ / Firefox 113+) */
    --bg:       oklch(0.96 0.008 80);     /* #F8F5EE */
    --accent:   oklch(0.40 0.08 50);      /* #6B4423 */
    --bg-alt:   oklch(0.938 0.014 84.58); /* #EFEAE0 */
    --text:     oklch(0.268 0.024 69.16); /* #2E2419 */
    --accent-2: oklch(0.515 0.063 145.0); /* #5B7B5A (AIM 固有、forest green、Chroma 0.063 < 0.08) */
    --text-sub: oklch(0.426 0.032 61.27); /* #5C4B3D */
    --line:     oklch(0.858 0.023 78.20); /* #D9CFC0 */
  }
}


/* §2 タイポグラフィスケール ──────────────────────────────────────────────── */

:root {
  /* Modular Scale 1.25 (base 16px、R-001、cafe テンプレ既定そのまま) */
  --fs-xs:   13px;  /* 16 / 1.25  */
  --fs-sm:   16px;  /* base、R-008 NEGOTIABLE 下限 */
  --fs-base: 17px;  /* 日本語本文推奨 */
  --fs-md:   20px;  /* 16 × 1.25  */
  --fs-lg:   25px;  /* 16 × 1.25² */
  --fs-xl:   31px;  /* 16 × 1.25³ */
  --fs-2xl:  39px;  /* 16 × 1.25⁴ */
  --fs-3xl:  49px;  /* 16 × 1.25⁵ */
}


/* §3 8pt グリッド スペーシング ────────────────────────────────────────────── */

:root {
  /* 8pt Grid (R-002、cafe テンプレ既定そのまま) */
  --sp-1:   8px;
  --sp-2:  16px;
  --sp-3:  24px;
  --sp-4:  32px;
  --sp-6:  48px;
  --sp-8:  64px;
  --sp-12: 96px;
  --sp-16: 128px;
}


/* §4 行間 ─────────────────────────────────────────────────────────────────── */

:root {
  /* Line Heights (R-003、cafe テンプレ既定そのまま) */
  --lh-tight: 1.3;   /* 見出し用 */
  --lh-body:  1.7;   /* 本文用 (日本語推奨) */
  --lh-loose: 1.85;  /* キャプション・モバイル本文 */
}


/* §5 フォントファミリー ───────────────────────────────────────────────────── */

:root {
  /* AIM 固有: 見出しは Shippori Mincho B1 優先 (cafe&bar 二面性 + 独立系の手仕事感)
     cafe テンプレ既定 'Shippori Mincho' から B1 を最優先に変更、fallback chain 維持
     reflex_fonts_to_reject 非該当を確認済み (Inter / Roboto / Fraunces / Geist 等を回避) */
  --serif: 'Shippori Mincho B1', 'Shippori Mincho', 'Noto Serif JP', serif;
  --sans:  'Noto Sans JP', sans-serif;
  --mono:  'JetBrains Mono', monospace;
}


/* §6 イージング・トランジション ───────────────────────────────────────────── */

:root {
  /* ease-out-expo (R-024、cafe テンプレ既定そのまま) */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);

  --tr-fast: 150ms var(--ease-out-expo);
  --tr-base: 250ms var(--ease-out-expo);
  --tr-slow: 400ms var(--ease-out-expo);
}


/* §7 V6 由来補助変数 ─────────────────────────────────────────────────────── */
/* 配色補助 (--accent-2/--text-sub/--line) は §1 内で HEX/OKLCH 提供済み。
   本ブロックは将来の業態追加時の枠 (現状空)。 */

:root {
  /* (v0.4 以降の追加候補: --container-max / --content-max-width 等) */
}


/* §8 OS アニメ削減対応 (WCAG 2.3.3) ─────────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
  :root {
    --tr-fast: 0ms;
    --tr-base: 0ms;
    --tr-slow: 0ms;
  }
}
