/* デザイントークン — Figma Variables（tone-design / 41:3）由来。値の変更はここだけで行う */
:root {
  /* Color（Figma 変数名をコメントに併記） */
  --color-theme: #256440;      /* テーマカラー */
  --color-black: #222220;      /* 黒 */
  --color-beige: #e4e4da;      /* グレーベージュ */
  --color-beige-light: #f1f1ed;/* 薄いグレージュ */
  --color-white: #fff;

  /* Font family */
  --font-ja: "Zen Kaku Gothic New", sans-serif;
  --font-en: "Montserrat", sans-serif;

  /* Typography（本文 = Figma テキストスタイル「本文 medium / 本文Bold」 16px / 31px / ls 9%） */
  --fs-body: 16px;
  --lh-body: 31px;
  --ls-ja: 0.09em;             /* 和文共通の字間 9% */
  --fs-h2: 30px;
  --lh-h2: 46px;
  --fs-lead: 18.6px;
  --lh-lead: 26.86px;

  /* Motion（動きの速さ・イージングはここだけで決める。motion.css が参照） */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);      /* 出てくる動き：最初に速く、静かに止まる */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);   /* 開閉・切り替え */
  --dur-hover: 0.35s;      /* ホバー・フォーカスへの反応 */
  --dur-ui: 0.5s;          /* メニュー開閉 */
  --dur-reveal: 1.2s;      /* 写真のマスク表示 */
  --dur-marquee-pc: 48s;   /* ロゴ帯 2 ユニット分（2067px）を流す時間 */
  --dur-marquee-sp: 24s;   /* 同（SP 762px） */
  --dur-roll: 0.45s;       /* ナビ・ボタンの文字の入れ替わり */
  --dur-wave: 60s;         /* 背景の波形（大）が 1 枚分流れる時間 */
  --dur-wave-md: 42s;      /* 同（中）。大と同じくらいの速さに見えるよう幅に比例 */
  --color-theme-deep: color-mix(in srgb, var(--color-theme) 82%, var(--color-black)); /* ホバー時の濃い緑 */

  /* Layout */
  --page-width: 1920px;        /* Figma PC フレーム幅 */
  --inner-width: 1500px;       /* 区切り線（1500px）基準のコンテンツ幅 */
}