/* ============================================
   デザイントークン（株式会社丸静商店 提案サンプル）
   参考: 石川商店(食品・電話接点)×信頼系BtoB(日東物流/BERG ONISHI)
   配色: 深藍(信頼)×生成り(温かみ)×朱(食品のアクセント) 60:30:10
   ============================================ */
:root{
  /* 色 */
  --c-bg:        #faf8f4;   /* 生成りがかった白（ベース60） */
  --c-bg-alt:    #f1ede5;   /* セクション交互背景 */
  --c-text:      #22252a;   /* 純黒を避けた濃墨 */
  --c-text-soft: #5a6069;
  --c-main:      #1e3a5f;   /* 深藍＝信頼（メイン30） */
  --c-main-deep: #142942;
  --c-accent:    #c1502e;   /* 朱＝食品の温かみ（アクセント10） */
  --c-accent-soft:#a8452767;
  --c-line:      #dcd6c9;
  --c-white:     #ffffff;

  /* 余白（8の倍数） */
  --sp-1:8px; --sp-2:16px; --sp-3:24px; --sp-4:32px;
  --sp-6:48px; --sp-8:64px; --sp-12:96px; --sp-16:128px;

  /* 形 */
  --radius:3px;
  --shadow:0 2px 6px rgba(0,0,0,.05);

  /* フォント */
  --ff-head:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN",sans-serif;
  --ff-body:"BIZ UDPGothic","Hiragino Kaku Gothic ProN",sans-serif;
  --ff-en:"Jost",sans-serif;

  --fz-h1:clamp(26px,5.4vw,52px);
  --fz-h2:clamp(24px,3.4vw,34px);
  --fz-h3:clamp(18px,2.2vw,21px);
  --fz-body:16px;
  --fz-small:13.5px;
  --lh-body:1.9;

  --container:1100px;
}