/* === seimei design tokens ===
 * 唯一の真実: 色・寸法・モーションは全部ここから派生
 * DESIGN_LANGUAGE.md §2 ③ パレット準拠
 */
:root{
  /* --- palette --- */
  --ivory:#faf5e4;        /* lightest base */
  --ivory-2:#efe7cd;      /* panel step / inactive face */
  --btn-face:#ede4cc;     /* button top face */
  --sand:#d8cca8;         /* lower face / groove bottom */
  --khaki:#b8a87f;        /* darkest face / hard step */
  --ink:#2a241b;          /* type / ON state */
  --sepia:#6b5d49;        /* secondary type */
  --orange:#c66a3f;       /* warm accent */
  --sage:#7a8f6a;         /* cool accent / fill */
  --rust:#b85a3a;         /* destructive */
  --mustard:#c4972a;      /* delete / warning accent */

  /* --- grid (body bg + canvas reference) --- */
  --grid-base:#f0ead6;
  --grid-fine:rgba(120,130,70,.14);
  --grid-bold:rgba(120,130,70,.22);
  --grid-fine-step:26px;
  --grid-bold-step:130px;

  /* --- node / edge canvas refs --- */
  --node-fill:#e8e0cc;
  --node-stroke:rgba(42,36,27,.85);
  --edge-rest:rgba(107,93,73,.55);
  --edge-pending:rgba(84,122,120,.9);

  /* --- derived shadow colors (hard step の暗い面) --- */
  --shadow-sepia:#4f4434;
  --shadow-rust:#7e3a22;
  --shadow-mustard:#8a7518;
  --mustard-on:#a67c1a;       /* delete ボタン ON 時 */
  --shadow-mustard-on:#6b5a10;

  /* --- layout / motion --- */
  --sheet-h:40vh;
  --sheet-peek:58px;         /* 閉じた時に見えるタブ高さ */
  --fab-gap:8px;             /* マーカーとシート上端の隙間 */
  --ease-sheet:cubic-bezier(.2,.8,.2,1);
  --dur-sheet:.4s;
  --dur-press:.05s;
}