/* Y2Kクローム / y2k-chrome — design tokens */
:root {
  --color-bg: #d6d9e0;        /* シルバー地（クローム調のベース） */
  --color-bg-alt: #ffffff;    /* 節替え用の白 */
  --color-panel: #22262e;     /* 濃紺鉄色プレート（LCD/コンソール面） */
  --color-text: #22262e;      /* 本文・見出し文字（濃紺鉄色） */
  --color-text-weak: #565c68; /* 弱テキスト・キャプション */
  --color-text-on-panel: #eef1f5; /* 濃紺プレート上の白文字 */

  --color-cyan: #00c2ff;      /* ビビッド・シアン */
  --color-lime: #c6ff00;      /* ビビッド・ライム */
  --color-magenta: #ff2fd6;   /* ビビッド・マゼンタ */

  --color-chrome-1: #eef0f4;  /* 金属光沢グラデ（明） シルバー系のみ許可 */
  --color-chrome-2: #b8bdc9;  /* 金属光沢グラデ（暗） シルバー系のみ許可 */
  --color-chrome-3: #9aa0ac;  /* 金属光沢グラデ（最暗・輪郭側） */

  --color-line: #9aa0ac;      /* 罫線・軌道線 */
  --color-line-strong: #22262e;

  /* 変数には総称ファミリを含めない */
  --font-jp-display: "DotGothic16";   /* 和文見出し。ピクセル書体＝世界観の核 */
  --font-en-display: "Zen Dots";      /* 欧文ロゴ・大見出し */
  --font-body: "M PLUS 1";            /* 本文 */

  --space-unit: 8px;
  --radius: 18px;      /* 基本の角丸（エアロ系の丸み） */
  --radius-pill: 999px;/* エアロボタンはピル型 */
  --max-width: 1180px;
}