/* =========================================================
   KYO. — Design Tokens
   デザインの色・書体・余白・影などの基準値をここで一元管理
   ========================================================= */
:root {
  /* --- Color: base ---------------------------------------- */
  --c-white:      #ffffff;
  --c-cream:      #f3f0e9;   /* セクション背景（温かみのあるオフホワイト） */
  --c-cream-2:    #e9e5da;   /* SERVICE等 少し濃いクリーム */
  --c-paper:      #faf9f5;   /* ほぼ白の紙色 */

  /* --- Color: ink / text ---------------------------------- */
  --c-ink:        #2c2b28;   /* 見出し・本文の濃色 */
  --c-ink-soft:   #55534d;   /* 補助テキスト */
  --c-ink-mute:   #8a877f;   /* さらに淡い補助 */

  /* --- Color: brand accents ------------------------------- */
  --c-gold:       #b49a56;   /* 主要CTA・強調（真鍮/ゴールド） */
  --c-gold-dark:  #9c8446;
  --c-green:      #8fa382;   /* セージグリーン（フォーム・キャラ・サブ） */
  --c-green-dark: #778a6b;
  --c-green-deep: #6f8073;   /* お問合せの送信ボタン（見本のくすみグリーン） */
  --c-green-deep2:#5f7063;   /* 同 hover */
  --c-red:        #c0492f;   /* 差し色（0円などの強調） */

  /* --- Color: charcoal (footer / dark blocks) ------------- */
  --c-charcoal:   #343330;
  --c-charcoal-2: #26251f;
  --c-on-dark:    #ece9e2;   /* 濃色背景上のテキスト */
  --c-on-dark-mu: #b3b0a7;   /* 濃色背景上の淡いテキスト */

  /* --- Lines --------------------------------------------- */
  --c-line:       #d8d3c7;   /* 罫線・境界 */
  --c-line-soft:  #e7e3d9;

  /* --- Typography ---------------------------------------- */
  --font-serif:   "Shippori Mincho B1", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --font-sans:    "Zen Kaku Gothic New", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --font-en:      "Jost", "Zen Kaku Gothic New", sans-serif;   /* 英字ラベル（字間広め） */
  --font-en-serif:"Playfair Display", serif;                    /* KYO. 系の明朝英字 */

  /* --- Layout -------------------------------------------- */
  --maxw:         1120px;   /* コンテンツ最大幅 */
  --maxw-wide:    1280px;
  --gutter:       24px;     /* 左右の最低余白 */
  --header-h:     84px;     /* ヘッダー高さ */

  /* --- Radius / shadow ----------------------------------- */
  --radius:       4px;
  --radius-lg:    10px;
  --shadow-card:  0 18px 40px rgba(40, 38, 32, 0.10);
  --shadow-soft:  0 8px 24px rgba(40, 38, 32, 0.08);

  /* --- Motion -------------------------------------------- */
  --ease:         cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur:          0.4s;
}