/* WHITE CHROME — tokens.css : デザイントークン（白 × クローム × アイスブルー・明るいスタジオ） */
:root {
  /* 配色（sites-v5 §31 / design-plan B5 SITE 66） */
  --white:    #fcfcfd;  /* 基調 */
  --light:    #e8eaed;  /* 面の切り替え（ライトグレー） */
  --light-2:  #f1f3f5;
  --silver:   #c3c8cf;  /* クロームの縁・罫 */
  --silver-d: #9aa1aa;
  --ice:      #a8cfe3;  /* アイスブルー（装飾光のみ） */
  --ice-deep: #4f8fb3;  /* フォーカス枠・罫アクセント */
  --ice-ink:  #276685;  /* リンク文字（白背景で 4.5:1 以上） */
  --black:    #16181b;  /* 本文・見出し */

  /* 派生 */
  --ink:     #16181b;
  --ink-2:   #3c424a;                 /* 副見出し・強めの本文 */
  --ink-mute:#565d66;                 /* 注釈（白背景で ~5:1） */
  --line:    rgba(22,24,27,.12);      /* 一般罫 */
  --line-2:  rgba(22,24,27,.08);
  --chrome:  linear-gradient(120deg, #ffffff 0%, #dfe3e8 32%, #c3c8cf 50%, #eef1f3 68%, #ffffff 100%);
  --panel:   #ffffff;
  --panel-2: #f4f6f8;

  /* タイポ */
  --font-display: "Instrument Sans", "Noto Sans JP", system-ui, sans-serif; /* 66専用 display（ワイドトラッキング） */
  --font-body: "Noto Sans JP", system-ui, -apple-system, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  --fs-hero: clamp(2.3rem, 5.6vw, 4.6rem);
  --fs-h2:   clamp(1.75rem, 3.6vw, 2.9rem);
  --fs-h3:   clamp(1.2rem, 2vw, 1.5rem);
  --fs-lead: clamp(1rem, 1.3vw, 1.15rem);
  --fs-body: 1rem;        /* 16px 下限 */
  --fs-small: 0.875rem;   /* 14px：注釈下限 */
  --fs-kicker: 0.8125rem; /* 13px：装飾英字ラベルのみ */

  /* レイアウト */
  --maxw: 1260px;
  --gut: clamp(1.15rem, 4vw, 3.4rem);
  --sec-py: clamp(4.5rem, 9vw, 8.5rem);
  --radius: 4px;
  --radius-lg: 14px;

  --shadow-sm: 0 6px 20px -12px rgba(22,24,27,.28);
  --shadow: 0 30px 70px -40px rgba(38,54,68,.55);
  --shadow-ice: 0 24px 60px -34px rgba(79,143,179,.55);
  --ease: cubic-bezier(.22, 1, .36, 1);

  --header-h: 74px;
  --cta-h: 66px; /* モバイル固定CTA高さ（フッター余白計算に使用） */
}