/*
 * z-index 階層の一元管理トークン (#950)
 *
 * プロジェクト全体の重なり順をここで定義する。各コンポーネントの z-index は
 * これらの変数を参照し (例: z-index: var(--cyfons-z-overlay, 9999);)、場当たり的な
 * 「9999 + 1」を防ぐ。値は既存実装の実数値を踏襲しているため挙動は不変。
 * 各 var() には元の数値をフォールバックとして残し、この :root を読み込まないページでも
 * 従来どおり解決されるようにしている。
 *
 * このトークンは frontend.css だけでなく管理画面 (chat-view 等) からも参照されるため、
 * frontend.css 本体ではなく専用ファイルに切り出し、フロント / 管理画面の双方で
 * 読み込むことでトークン値の変更が両コンテキストに行き渡るようにしている (一元管理の担保)。
 * CSS カスタムプロパティは読み込み順に依存せず、同一ページに :root が存在すれば解決される。
 *
 * 注意: コンポーネント内部だけで完結する微小な重なり (search の z-index:2/5、header の 10 等) は
 * グローバル階層ではないため変数化していない。
 */
:root {
    /* --- カラートークン (#1390 で追加) ---------------------------------
     * 学習系のアクセント。#1296 が frontend.css に生の 16 進値で入れた値を
     * トークン化した。使用場面は「学習進捗バー・完了トグル・段階解放の状態表現」に限る。
     * 主CTA は --cyfons-primary (#1976d2) を使い、ここは流用しないこと。
     * DESIGN.md 側にも同じ定義と使用場面を記載している。
     */
    --cyfons-learning:        #84C318;  /* 学習進捗・解放状態のアクセント */
    --cyfons-learning-track:  #e8eaed;  /* 進捗バーの溝 */
    --cyfons-text-muted:      #555555;  /* 補助テキスト(DESIGN.md 準拠) */

    --cyfons-z-sticky:        100;   /* 画面端固定 (bottom-nav 等) */
    --cyfons-z-header:        300;   /* 固定ヘッダ */
    --cyfons-z-dropdown:      500;   /* ヘッダ内ドロップダウン / 管理チャットビュー */
    --cyfons-z-modal:         1000;  /* モーダル本体 */
    --cyfons-z-modal-raised:  1001;  /* モーダル内の前面要素 */
    --cyfons-z-overlay:       9999;  /* 全画面オーバーレイ (背景) */
    --cyfons-z-overlay-modal: 10000; /* オーバーレイ上のモーダル */
    --cyfons-z-overlay-top:   10001; /* オーバーレイ最前面 (閉じるボタン等) */

    /* WordPress 管理画面に載せるオーバーレイ用 (#1692)。管理画面側の重なり順は
     * #wpadminbar が 99999、#adminmenuwrap が 9990 で、上の --cyfons-z-overlay 系
     * (最大 10001) では管理バーに負けて隠れてしまう。
     *
     * 消費側は2つ。
     *   - cyfons_chat の App.vue: 管理画面 (body.wp-admin) に限って Vuetify の
     *     オーバーレイコンテナ全体をこの階層へ引き上げる。ダイアログ個別ではなく
     *     コンテナ単位なのは、中の相対順序 (Vuetify 既定の 2400 系) を保つため
     *   - cyfons-report-calendar.css: 全画面ライトボックス
     *
     * なお代理ログインバー (999999) / システム管理バー (999998) はこれより上にあり、
     * 代理ログイン中はそれらが前面に残る。
     * cyfons-report-calendar.css のライトボックスが直書きしている 100000 と同値。 */
    --cyfons-z-wp-admin-overlay: 100000;
}