/* 画面の重なり順（z-index）の正本（2026-09-28）。
 *
 * z-index は必ずここの変数で書く（`z-index: var(--z-modal)`）。数値を直接書いてよいのは
 * 部品の内側だけの 1〜3（表の固定列・カードの角のバッジ等）。
 * 各画面が勝手に 9000 や 2000 を書いた結果、LINE ボタンがモーダルの「保存」に被る・
 * 予約ページのトーストがモーダルの裏に隠れる、が起きていた。
 * tests/test_layers.py が数値の直書きと、このファイルを読まない画面を検出する。
 *
 * 下から順に:
 */
:root {
  --z-sticky: 10;           /* 画面上部の固定ヘッダ・PC のサイドバー */
  --z-float: 90;            /* 右下の LINE チャットボタン等、常に浮いている部品 */
  --z-sidebar-overlay: 150; /* スマホでメニューを開いたときの暗幕 */
  --z-drawer: 200;          /* スマホのメニュー本体 */
  --z-hamburger: 250;       /* メニューの開閉ボタン */
  --z-modal: 300;           /* モーダル（どの画面でも、上のすべてを覆う） */
  --z-login: 8000;          /* ログイン画面（未ログイン時は全体を覆う） */
  --z-toast: 9000;          /* 通知トースト（モーダル・ログイン画面の上にも出す） */
}