/* 動く活字 / kinetic-katsuji — design tokens */
:root {
  /* 白・黒・蛍光橙の3色のみ。中間グレーは新規hexを起こさず黒/白の不透明度で作る */
  --color-bg: #fdfdfb;          /* 紙白（純白は使わない） */
  --color-ink: #141412;         /* 主テキスト・グリフ（純黒は使わない） */
  --color-ink-weak: rgba(20, 20, 18, 0.62);   /* 弱テキスト（白地）実測 約4.8:1 */
  --color-bg-inverse: #141412;  /* 反転セクションの地（= ink と同値） */
  --color-paper-inverse: #fdfdfb; /* 反転セクションの主テキスト（= bg と同値） */
  --color-paper-weak: rgba(253, 253, 251, 0.65); /* 反転セクションの弱テキスト 実測 約8:1 */
  --color-accent: #ff5c00;      /* 蛍光橙。面で多用しない。用法は DESIGN.md §3 参照 */

  --line-hair: rgba(20, 20, 18, 0.15);   /* 1px罫線（白地） */
  --line-hair-inverse: rgba(253, 253, 251, 0.22); /* 1px罫線（黒地） */
  --line-heavy: var(--color-ink);        /* 4px罫線 */
  --line-heavy-inverse: var(--color-paper-inverse);

  /* 書体3役。数字用は等幅の総称スタックのみ（架空書体名の代役として実書体名は偽らない） */
  --font-display: "Rampart One", sans-serif;   /* 主役＝巨大グリフの舞台用 */
  --font-head: "Archivo Black", sans-serif;    /* 見出し補助＝欧文の量感 */
  --font-body: "Zen Kaku Gothic New", sans-serif; /* 本文 400 のみ */
  --font-mono: ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Consolas, monospace; /* 数字用の等幅役 */

  --max-width: 960px;
  --space-unit: 8px;
}