/* CSS カスタムプロパティ（変数）の定義 */

:root {
  /* フォントファミリー
   * 日本語フォントを含むシステムフォントスタック
   * 各OS/ブラウザで最適なフォントが自動選択される
   */
  --font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans JP", "Hiragino Sans",
    "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;

  /* z-index の階層管理
   * 用途に応じて適切な値を使用することで、予期しない表示問題を防ぐ
   */

  /* 基本要素（ヘッダー、ナビゲーション、マップUI等） */
  --z-index-base: 1000;

  /* ドロップダウン、ツールチップ等 */
  --z-index-dropdown: 1010;

  /* モーダル、ダイアログ */
  --z-index-modal: 1100;

  /* 通知、フラッシュメッセージ（最上位） */
  --z-index-notification: 1200;

  /* ローディングオーバーレイ */
  --z-index-loading: 1300;
}