/* =============================================
   Wing Theme — Design Tokens (v2 / Wix踏襲版)
   ============================================= */
:root {
  /* --- Wing Brand Colors --- */
  --wing-blue:    #4582bb;   /* values2 シェイプ・ロゴ4色目 */
  --wing-green:   #99d054;   /* values シェイプ・ロゴ3色目 */
  --wing-yellow:  #eebb2b;   /* mission シェイプ・ロゴ2色目 */
  --wing-orange:  #e67b43;   /* vision シェイプ・ロゴ1色目 */

  /* --- Background story arc --- */
  --bg-night:     #7795bb;   /* WING/vision: 青グレー(スクショ準拠) */
  --bg-night-2:   #95a8be;   /* 少し明るい青グレー */
  --bg-dawn:      #e8d4c0;   /* 夜明け: クリーム */
  --bg-dawn-2:    #fbe9d0;   /* 朝焼け: 淡いオレンジ */
  --bg-dawn-3:    #fdf3e6;   /* 朝の光: 極淡 */
  --bg-day:       #ffffff;   /* 解放: 白 */
  --bg-footer:    #efefef;   /* フッター: 薄グレー */

  /* --- Text colors --- */
  --color-ink:        #4a4744;
  --color-ink-soft:   #5c5754;
  --color-ink-mute:   #888888;
  --color-white:      #ffffff;
  --color-line:       #d8d8d8;

  /* --- Typography --- */
  --font-sans-jp: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
  --font-display: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-numeric: 'Cormorant Garamond', serif;   /* 章番号・日付など */

  --fs-mega:    clamp(4rem, 13vw, 9rem);
  --fs-section: clamp(1.75rem, 4vw, 2.75rem);
  --fs-lead:    clamp(1.125rem, 1.6vw, 1.4rem);
  --fs-body:    1rem;
  --fs-small:   0.875rem;
  --fs-xsmall:  0.75rem;

  --lh-tight:  1.3;
  --lh-normal: 1.9;
  --lh-loose:  2.2;

  /* --- Spacing(v3の大胆な余白を取り入れる) --- */
  --sp-1:  0.5rem;
  --sp-2:  1rem;
  --sp-3:  1.5rem;
  --sp-4:  2rem;
  --sp-5:  3rem;
  --sp-6:  4.5rem;
  --sp-7:  6.5rem;
  --sp-8:  9rem;
  --sp-9:  13rem;

  /* --- Layout --- */
  --container-max:    1200px;
  --container-narrow: 760px;
  --container-pad:    clamp(1.5rem, 5vw, 4rem);
  --header-h:         70px;

  /* --- Motion --- */
  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast:   0.25s;
  --dur-mid:    0.5s;
  --dur-slow:   1s;

  /* --- Z-index --- */
  --z-base:    1;
  --z-content: 10;
  --z-shape:   5;
  --z-header:  100;
  --z-overlay: 200;
}