/* MONOCHROME RUNWAY — tokens.css : デザイントークン（モノクロ×橙・ランウェイ） */
:root {
  /* 配色（sites-v5 §28 / design-plan B5 SITE 63） */
  --black:   #121212;  /* 基調 */
  --ink-2:   #1a1a1a;  /* 面の切り替え */
  --ink-3:   #232323;
  --panel:   #171717;
  --panel-2: #1e1e1e;
  --white:   #fafafa;  /* 本文・見出し */
  --grey:    #9b9b9b;  /* 補助 */
  --grey-2:  #cfcfcf;
  --orange:  #e5622f;  /* アクセント（少量） */
  --orange-soft: #f07a49;

  /* 派生 */
  --ink-72: rgba(250,250,250,.74);
  --ink-56: rgba(250,250,250,.58);
  --line:   rgba(250,250,250,.16);   /* 白の細罫 */
  --line-2: rgba(250,250,250,.08);
  --line-orange: rgba(229,98,47,.5);

  /* タイポ */
  --font-display: "Bebas Neue", "Noto Sans JP", sans-serif;   /* 63専用 display */
  --font-body: "Noto Sans JP", system-ui, -apple-system, sans-serif;
  --font-mono: "Space Mono", "IBM Plex Mono", ui-monospace, monospace;

  --fs-hero: clamp(3.4rem, 13vw, 9.5rem);   /* Bebas は詰まるため大きめ */
  --fs-h2:   clamp(2.1rem, 5.5vw, 4rem);
  --fs-h3:   clamp(1.2rem, 2vw, 1.5rem);
  --fs-lead: clamp(1rem, 1.25vw, 1.14rem);
  --fs-body: 1rem;      /* 16px 下限 */
  --fs-small:0.875rem;  /* 14px：注釈下限 */
  --fs-kicker: 0.8125rem;/* 13px：装飾英字ラベルのみ */

  /* レイアウト */
  --maxw: 1280px;
  --gut: clamp(1.15rem, 4vw, 3.4rem);
  --sec-py: clamp(4.5rem, 9vw, 8rem);
  --radius: 0px;        /* ランウェイは角を立てる（角丸なし） */

  --ease: cubic-bezier(.22, 1, .36, 1);
  --header-h: 72px;
  --cta-h: 62px;        /* モバイル固定CTA高さ（フッター余白計算に使用） */
  --progress-h: 3px;    /* スクロール進捗バー高さ */
}