/* ============================================================
   CORPIA（仮） — デザイントークン
   world = 純白の創造前世界（S垢ブランド素材のトンマナ）
   唯一の黒は主役だけ。それ以外は極薄のグレーで構成する。
   ============================================================ */
:root {
  /* --- 色 ------------------------------------------------- */
  --c-bg:        #FFFFFF;   /* 純白 */
  --c-bg-2:      #FAFAFA;   /* ほんの少し沈めた地 */
  --c-ink:       #0A0A0A;   /* 唯一の黒 */
  --c-ink-2:     #424242;   /* 本文 */
  --c-mute:      #9A9A9A;   /* 補助 */
  --c-line:      #E6E6E6;   /* 極薄の罫・座標線 */
  --c-line-2:    #F0F0F0;
  --c-veil:      rgba(0,0,0,.04);

  /* 遷移オーバーレイ／ゲート */
  --c-gate:      #FFFFFF;
  --c-gate-ink:  #0A0A0A;

  /* --- 書体 -----------------------------------------------
     本家は Neue Montreal + Saol Display（どちらも商用ライセンス品）。
     ASSET-FORCED として無償の近似書体へ置換している。
       Neue Montreal  -> Schibsted Grotesk（ニュートラルなグロテスク）
       Saol Display   -> Instrument Serif（ハイコントラストのディスプレイ明朝）
     -------------------------------------------------------- */
  --f-sans:  "Schibsted Grotesk", "Noto Sans JP", "Hiragino Sans", system-ui, sans-serif;
  --f-disp:  "Instrument Serif", "Noto Serif JP", "Hiragino Mincho ProN", serif;
  --f-jp:    "Noto Sans JP", "Hiragino Sans", system-ui, sans-serif;
  --f-jp-s:  "Noto Serif JP", "Hiragino Mincho ProN", serif;

  /* --- タイポ --------------------------------------------- */
  --t-hero:   clamp(1.9rem, 4.4vw, 4.2rem);
  --t-h2:     clamp(1.7rem, 3.6vw, 3.4rem);
  --t-h3:     clamp(1.05rem, 1.5vw, 1.35rem);
  --t-body:   clamp(.86rem, .95vw, .95rem);
  --t-label:  .66rem;
  --ls-label: .24em;
  --lh-body:  2.0;

  /* --- 余白 ----------------------------------------------- */
  --sp-section: clamp(7rem, 15vw, 16rem);
  --w-max:      1280px;
  --pad-x:      clamp(1.4rem, 5vw, 5rem);

  /* --- モーション（本家 theme.js からの実測値） ------------
     show : expo.inOut / overlay 1.0s / wrap 0.8s / class flip @0.6s
     text : power3.inOut / 0.7s / stagger 0.03
     hide : power4.out  / overlay 0.8s / wrap 0.9s
     -------------------------------------------------------- */
  --d-overlay-in:   1.0s;
  --d-wrap-in:      0.8s;
  --d-overlay-out:  0.8s;
  --d-wrap-out:     0.9s;
  --d-chars:        0.7s;
  --stagger-chars:  0.03s;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --d-overlay-in: .01s; --d-wrap-in: .01s;
    --d-overlay-out: .01s; --d-wrap-out: .01s;
    --d-chars: .01s; --stagger-chars: 0s;
  }
}