/* =========================================================
   tokens.css
   Design tokens（Custom Properties）— 色 / タイポ / スペーシング
   ========================================================= */

  /* =========================================================
     Design System — 加須間
     ========================================================= */
  :root{
    /* Palette */
    --paper:        #F6F1E8;   /* base off-white, warm */
    --paper-2:      #EFE7D6;   /* slightly deeper paper */
    --cream:        #FBF7F0;   /* card surface */
    --ink:          #2A241D;   /* primary text, deep brown-black */
    --ink-2:        #4A3F33;   /* secondary text */
    --ink-3:        #7A6D5E;   /* tertiary, captions */
    --rule:         #D9CDB6;   /* hairlines */
    --rule-soft:    #E7DEC9;
    --koi:          #E8B53A;   /* 鯉のぼり由来の山吹 */
    --koi-deep:     #C8951F;
    --koi-soft:     #F4D77A;
    --indigo:       #2F3D4E;   /* 深い藍、アクセサリ */
    --terracotta:   #B85C38;   /* 陶器のような暖色 */

    /* Type */
    --serif: "Hina Mincho", "Noto Serif JP", "游明朝", "Yu Mincho", serif;
    --sans:  "Klee One", "Noto Sans JP", "游ゴシック", "Yu Gothic", -apple-system, BlinkMacSystemFont, sans-serif;
    --hand:  "Klee One", "Noto Sans JP", sans-serif;
    --en-serif: "Hina Mincho", "Noto Serif JP", serif;

    /* Spacing rhythm */
    --gutter: clamp(20px, 5vw, 56px);
    --section-y: clamp(56px, 8.5vw, 105px);
  }