:root{
  /* palette */
  --c-bg: #585856;
  --c-panel: #4e4e4c;
  --c-ink: #3a3a38;
  --c-white: #fff;
  --c-light-rgb: 242, 242, 240;
  --c-light: rgb(var(--c-light-rgb));
  --c-bg-rgb: 88, 88, 86; /* #585856 の rgb 成分（rgba()でのヘッダー半透明化用） */
  /* type */
  --font-display: 'Jost', 'Zen Kaku Gothic New', system-ui, sans-serif;
  --font-jp: 'Zen Kaku Gothic New', sans-serif;
  /* motion */
  --ease-out: cubic-bezier(.22, .61, .36, 1);
  /* layout */
  --header-h: clamp(64px, 8vw, 84px); /* 固定ヘッダーの高さ（他ページの上余白補正にも使用） */
}