/* ============================================================
   SKK デザイントークン（DESIGN.md §2 / anima styleguide.css 由来）
   全ページ共通で最初に読み込む
   ============================================================ */
:root {
  /* ---- ベースカラー ---- */
  --color-primary: #9b8759;   /* メイン：ゴールド/ブラウン */
  --color-primary-dark: #7c6b43; /* primary の濃色（ホバー等） */
  --color-secondary: #d9ceb8; /* サブ：ライトベージュ（罫線・淡い背景） */
  --color-text: #3f3f3f;      /* 文字色 */
  --color-text-soft: #6b6b6b; /* 補足文字 */
  --color-bg: #ffffff;        /* 背景 */
  --color-grey: #ebe9e5;      /* グレー（区切り・淡い面） */
  --color-bg-soft: #f7f5ef;   /* オフホワイト帯（交互背景） */

  /* ---- プランカラー（400=主軸 / 700=濃い見出し / 50=カード背景） ---- */
  --plan01-400: #e8a518; --plan01-700: #a57511; --plan01-50: #fdf6e8; /* 火葬 */
  --plan02-400: #0084a5; --plan02-700: #005e75; --plan02-50: #e6f3f6; /* 一日葬 */
  --plan03-400: #1ba841; --plan03-700: #13772e; --plan03-50: #e8f6ec; /* 家族葬 */

  /* ---- ベースカラー追加：濃ブラウン（見出し・強調） ---- */
  --color-primary-deep: #6f5b33;

  /* ---- タイポグラフィ ---- */
  --font-base: "Zen Kaku Gothic New", system-ui, sans-serif;
  /* 見出しもTOPに合わせて全ゴシック（Zen Kaku Gothic New）で統一 */
  --font-display: var(--font-base);

  /* ---- スペーシング ---- */
  --space-50: 2px;  --space-100: 4px; --space-150: 6px; --space-200: 8px;
  --space-300: 12px; --space-400: 16px; --space-600: 24px; --space-800: 32px;
  --space-1200: 48px; --space-1600: 64px;

  /* ---- 角丸 ---- */
  --radius-200: 8px;     /* ボタン */
  --radius-400: 16px;    /* カード */
  --radius-full: 9999px; /* タグ（ピル） */

  /* ---- レイアウト ---- */
  --content-max: 1000px; /* 中央コンテンツ最大幅 */
  --page-gutter: 24px;   /* 左右の最小余白 */
}