/* ==========================================================================
   tokens.css — 白の和 デザイントークン
   生成り・墨・余白。DESIGN.md（要更新）に対応。
   ========================================================================== */

:root {
  --kinari: #f7f4ee;      /* 生成り（背景） */
  --kinari-2: #f1ece3;    /* 生成り 濃（カード・ホバー） */
  --sumi: #1c1a17;        /* 墨（本文） */
  --sumi-3: #6b665e;      /* 淡墨（補足） */
  --sumi-5: #6f695d;      /* 薄墨（ラベル）— 生成り背景比 4.5:1以上（WCAG AA）を確保 */
  --shu: #af3f2a;         /* 洗朱（あらいしゅ）— 一点だけ使う */
  --ai: #1e3f5c;          /* 藍色 — 深く沈んだ藍。法人向けの主色 */
  --kin: #9c7a3c;         /* 山吹がかった金 */
  --keisen: rgba(28,26,23,0.13); /* 罫線 */

  --mincho: "Shippori Mincho B1", "Yu Mincho", "Hiragino Mincho ProN", serif;
  --gothic: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  --mono: "JetBrains Mono", monospace;

  --ease: cubic-bezier(0.16, 1, 0.3, 1);

  --h-header: 72px;

  /* タイプスケール（1.25倍・全ページ共通） */
  --fs-xs: 11px;
  --fs-sm: 13.75px;
  --fs-base: 14px;
  --fs-md: 17.5px;
  --fs-lg: 22px;
  --fs-xl: 27.5px;
  --fs-2xl: 34px;
  --fs-3xl: 43px;
  --fs-4xl: 53.5px;

  /* 余白グリッド（8px単位） */
  --sp-1: 8px;
  --sp-2: 16px;
  --sp-3: 24px;
  --sp-4: 32px;
  --sp-5: 40px;
  --sp-6: 48px;
  --sp-8: 64px;
  --sp-10: 80px;
}