/* =============================================================
   tw-zaico — Design Token Layer (単一真実源)
   すべての :root 変数はここだけで定義する。
   テンプレート側で :root を再定義してはいけない。
   ============================================================= */
:root {
  /* ── Backgrounds ── */
  --bg: #f0ebe0;
  --bg-grad: linear-gradient(170deg, #f9f5ec 0%, #ede5d6 100%);
  --panel: #fdfaf5;

  /* ── Text ── */
  --ink: #1a2926;      /* 収敛: #1d2c29 / #1f2e2a / #1d2b28 */
  --muted: #6b7570;    /* 収敛: #68736d / #62706a / #6a746d */

  /* ── Borders ── */
  --line: rgba(45, 58, 52, 0.10);
  --line-2: rgba(45, 58, 52, 0.16);

  /* ── Brand / Accent ── */
  --accent: #0d6b5d;   /* 正准値 */
  --accent-h: #0a5a4e;
  --soft: rgba(13, 107, 93, 0.08);
  --soft-2: rgba(13, 107, 93, 0.14);

  /* ── Semantic colors ── */
  --warn: #b85f2e;
  --warn-s: rgba(184, 95, 46, 0.11);
  --ok: #2a7a52;
  --ok-s: #dceee9;
  --danger: #a33030;

  /* ── Typography ── */
  /* 明朝体: タイトル・ブランド名・見出し専用 */
  --font-display: "Noto Serif SC", "Songti SC", "STSong", "Source Han Serif SC",
                  "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;
  /* 黒体: 本文・UI ラベル・数字（可読性優先） */
  --font-body: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP",
               "Yu Gothic", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* ── Shape ── */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-pill: 999px;

  /* ── Shadow ── */
  --shadow-1: 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-2: 0 2px 16px rgba(20, 30, 26, 0.05);

  /* ── Sidebar ── */
  --nav-width: 302px;
  --nav-bg: #f6f0e4;
}