/* ==========================================================================
   ELM CO., LTD. 株式会社エルム ─ テーマ
   配置先： /assets/css/theme.css
   site.css より先に読み込み、色・書体・字間・余白だけをここで定義する。
   （グループ店舗サイトと同じ考え方：site.css は色を持たず、値はここで差し替える）

   この会社の指定：白 × ロゴの深緑（幹）× 若葉の黄緑
   ロゴの色：深緑 #304B29 ／ オリーブ #54662E ／ 若葉 #8FA423
   ※ 変数名の --navy は「メインの濃い色」を指す共通名。値だけをロゴの深緑にしている。
   ========================================================================== */

:root{
  /* ---- 紙（背景） --------------------------------------------------- */
  --paper:  #ffffff;   /* ベース背景（白） */
  --paper2: #f5f6f2;   /* セクション交互背景（ごく薄い緑がかったグレー） */
  --paper3: #e9ebe4;   /* 画像待機面・罫の強い面 */
  --white:  #ffffff;

  /* ---- 墨・深緑 ------------------------------------------------------ */
  --ink:    #1c241b;   /* 見出し・本文の濃い色 */
  --ink2:   #4a5247;   /* 本文 */
  --ink3:   #868c82;   /* 補足・キャプション */
  --navy:   #304b29;   /* コーポレートカラー（ロゴの幹の深緑） */
  --navy-d: #1e301b;   /* フッター・濃い面 */
  --navy-l: #435f39;

  /* ---- 緑（アクセント／エルムの葉） -------------------------------- */
  --green:  #54662e;   /* ロゴのオリーブ。文字・罫に使う */
  --green-l:#7b8d1c;
  --leaf:   #b9cc5e;   /* 濃い緑の上で使う若葉色（ロゴの #8FA423 を明るく） */

  /* ---- 罫線 --------------------------------------------------------- */
  --line:   rgba(28,36,27,.14);
  --line2:  rgba(28,36,27,.07);
  --line-w: rgba(255,255,255,.16);

  /* ---- 書体 ----------------------------------------------------------
     欧文見出し：Cormorant Garamond
     和文見出し：Shippori Mincho
     本文・表  ：Noto Sans JP（法定情報など長い文章も読みやすく）
     -------------------------------------------------------------------- */
  --serif:"Cormorant Garamond","Times New Roman",serif;
  --min:"Shippori Mincho","Yu Mincho","Hiragino Mincho ProN","MS PMincho",serif;
  --sans:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;

  /* ---- 字間 --------------------------------------------------------- */
  --ls-body:   .06em;
  --ls-lead:   .14em;
  --ls-head:   .04em;
  --ls-eyebrow:.42em;
  --ls-nav:    .16em;

  /* ---- 余白 --------------------------------------------------------- */
  --gutter:  clamp(20px,5vw,80px);
  --sec-pad: clamp(88px,11vw,168px);
  --max:     1240px;

  /* ---- モーション --------------------------------------------------- */
  --ease: cubic-bezier(.2,.7,.2,1);
  --dur:  1.1s;

  --theme-color:#ffffff;
}