/*
 * 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 {
    --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; /* オーバーレイ最前面 (閉じるボタン等) */
}