/* ============================================================
   QuantLens Dashboard — design tokens
   単一テーマ（ダーク・トレーディング端末）にコミット。

   このファイルは「デザインの契約」です。
   - 色・書体・角丸は必ずここのトークン経由で参照すること
   - コンポーネント側で生のhex値を書かないこと
   - トークンの値を変えるとき以外、このファイルは編集しないこと
   ============================================================ */

:root {
  color-scheme: dark;

  /* ---- 面（Surface）---------------------------------------- */
  --plane:        #080C11;   /* ページ地 */
  --surface:      #0F151D;   /* カード面 */
  --surface-2:    #141C26;   /* テーブルヘッダ / チップ地 */
  --surface-3:    #1A2430;   /* 行ホバー / メーターの空セグメント */
  --hairline:     #1E2833;   /* 罫線・カード枠・グリッド線 */
  --hairline-2:   #2A3744;   /* 強めの罫線・クロスヘア・基準線 */

  /* ---- インク ---------------------------------------------- */
  --ink:          #E6EDF3;   /* 主要テキスト・数値 */
  --ink-2:        #96A7B8;   /* 補助テキスト・コメント本文 */
  --ink-3:        #72859A;   /* ラベル・軸・日付（AA 4.5:1 を満たす下限） */

  /* ---- アイデンティティ / 系列 ------------------------------ */
  /* --brand は「QuantLens 自身」＝ 自ポートフォリオ系列 ＝ 操作可能要素。
     この3つ以外の用途に使わないこと。                             */
  --brand:        #1E9EBF;   /* エクイティカーブ本線 / スコアメーター */
  --brand-ui:     #46C3DC;   /* リンク・アクティブタブ・フォーカス・直近値 */
  --brand-dim:    rgba(30,158,191,.14);
  --bench:        #6E8090;   /* ベンチマーク線（意図的な後退色。彩度を持たせない） */

  /* ---- ステータス（系列色としては絶対に使わない）-------------- */
  --up:           #3FBF7F;
  --up-dim:       rgba(63,191,127,.15);
  --down:         #F0625D;
  --down-dim:     rgba(240,98,93,.15);
  --warn:         #F2B33D;
  --warn-dim:     rgba(242,179,61,.13);

  /* ---- 書体 ------------------------------------------------ */
  --sans: "IBM Plex Sans JP", "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;

  /* ---- 形 -------------------------------------------------- */
  --r: 10px;              /* カード角丸。全カード共通 */
  --pad-card: 18px;
  --gap-sec: 40px;
  --maxw: 1280px;
}

/* ============================================================
   SVG 用の色定数（JS からも参照する）
   SVG のプレゼンテーション属性（fill="..." 等）は CSS 変数を
   解決しないため、chart.js 側に同じ値の定数を持たせている。
   トークンを変更したら chart.js の PALETTE も必ず同時に更新すること。
   ============================================================ */