/* =====================================================================
   rheo for Salesforce — DS 版ページ専用トークン差し替え（Issue #163）
   ---------------------------------------------------------------------
   読み込み順: tokens.css → ds-tokens.css → base.css → components.css
               → ds-components.css → ds-shell.css → pages/<画面>.css

   ★ 読み込むのはアプリ 9 画面。impact.html だけが読み込まない ★
     変更影響分析は DS 化せず旧デザインのまま据え置いた（切替計画書 §4.4）。
     ここには「tokens.css で定義済みのトークンの値の差し替え」だけを置き、
     新設トークンは tokens.css 側に置く（検査 [5-a] の基準が tokens.css +
     自ファイルであるため）。

   値の出典: docs/ui/rheo Design System.dc.html
   決定事項（yuri.naka 2026-08-11）:
     Q1: --accent はプロダクトトークンとして残し、値を DS Information
         On-Dark #4DA3FF に寄せる。
     Q2: DS 型階層（Body 15px 起点）にフル準拠。画面別の微調整は実画面
         レビュー後に行う。
   ===================================================================== */
:root {
    /* ── サーフェス（DS ダークサーフェス） ── */
    --bg:                  #1B1B1F;
    --bg-light:            #232329;
    --bg-deep:             #141417;

    /* ── テキスト（DS ニュートラル準拠 + WCAG AA 必守） ──
           DS Gray #7F7F7F は --bg に対して 4.29:1 で本文 AA ぎりぎりの
           ため、役割を保ったまま明度を上げる（必守原則 02）。
           実測: --text-muted 7.1:1 / --text-dim 5.4:1（vs --bg）。
           旧 --text-dim (#5a6070, 2.8:1) の AA 未達もこれで解消する。 */
    --text:                #F7F8F8;
    --text-muted:          #A6A6AD;
    --text-dim:            #8F8F96;

    /* ── アクセント（Q1: Information On-Dark に整合） ── */
    --accent:              #4DA3FF;
    --accent-2:            #2E7BE0;
    --accent-glow:         rgba(77, 163, 255, 0.45);

    /* ── パネル ── */
    --panel-bg:            rgba(255, 255, 255, 0.06);
    --panel-bg-solid:      rgba(23, 23, 26, 0.92);
    --panel-border:        rgba(255, 255, 255, 0.10);
    --panel-border-light:  rgba(255, 255, 255, 0.16);

    /* ── ステータス（DS On-Dark 変種。Fill 変種は tokens.css の新設側） ── */
    --ok:                  #34C77B;
    --warn:                #FFC53D;
    --err:                 #FF6B6B;

    /* ── コードブロック ── */
    --code-bg:             #0E0E11;
    --code-text:           #D6D8E0;

    /* ── ニューモーフィズムの影 → DS はフラット＋ソフトシャドウ ── */
    --nm-flat:             0 10px 28px rgba(0, 0, 0, 0.38);
    --nm-inset:            inset 0 1px 3px rgba(0, 0, 0, 0.35);

    /* ── タイポグラフィ（Q2: 和文 UI はヒラギノ→Noto Sans JP、Body 15px） ── */
    --font-sans:           var(--font-jp);
    --fs-body:             var(--fs-body-ds);

    /* ── 背景（§07 モックの地: #0A0A0C + 放射状の白グロー） ── */
    --app-bg:              radial-gradient(circle at 82% -12%, rgba(255,255,255,0.13) 0%, rgba(255,255,255,0.045) 32%, transparent 62%),
                           radial-gradient(circle at -6% 108%, rgba(255,255,255,0.09) 0%, rgba(255,255,255,0.03) 34%, transparent 64%),
                           #0A0A0C;
    --login-bg:            radial-gradient(circle at 50% 30%, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0.03) 36%, transparent 68%),
                           #0A0A0C;

    /* ── モーダルのスクリム ── */
    --scrim:               rgba(5, 5, 8, 0.60);
    --scrim-blur:          8px;
}