/* SOUND FLOW — tokens.css : デザイントークン（炭紺の音楽ラウンジ＋シアンの照明・波形） */
:root {
  /* 配色（sites-v5 §25 / design-plan B5 SITE 60） */
  --charcoal:  #23252a;  /* 基調 */
  --navy:      #1a2334;  /* 面の切り替え */
  --navy-2:    #202b3f;
  --dark:      #171b26;  /* 最暗部 */
  --cyan:      #46b8c9;  /* 照明・波形アクセント */
  --cyan-soft: #7ad0dd;
  --cyan-deep: #2f8695;
  --cream:     #efe9da;  /* 本文・見出し */

  /* 派生 */
  --ink-72: rgba(239,233,218,.74);
  --ink-56: rgba(239,233,218,.58);
  --line:   rgba(70,184,201,.30);   /* シアンの細罫 */
  --line-soft: rgba(239,233,218,.13);
  --panel:  #1d2837;
  --panel-2:#212c3d;
  --now:    #ffcf70;   /* 「現在」強調（色だけに依存しない状態表示の補助） */

  /* タイポ */
  --font-display: "Familjen Grotesk", "Noto Sans JP", system-ui, sans-serif; /* 60専用 display */
  --font-body: "Noto Sans JP", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace; /* 時刻・数値 */

  --fs-hero: clamp(2.5rem, 6.6vw, 5.2rem);
  --fs-h2:   clamp(1.7rem, 3.4vw, 2.7rem);
  --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: 1260px;
  --gut: clamp(1.15rem, 4vw, 3.2rem);
  --sec-py: clamp(4.2rem, 8.5vw, 7.5rem);
  --radius: 4px;

  --shadow: 0 26px 64px -34px rgba(0,0,0,.85);
  --ease: cubic-bezier(.22, 1, .36, 1);

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