/*
 * マップ（map.php）にしか無い変数。色・間隔・書体はサイト共通の css/tokens.css（--c-* / --sp-* / --fs-* / --font-main）を使う。
 *
 * マップの CSS は模擬店コンテストから写したもので、2026-11-11 まではコンテストの変数名（--color-orange・--gap-3 …）に
 * いったんコンテストの色を入れ、.map-page でひとつまちの色に上書きしていた（二重）。同じ値のものはサイトの変数に置き換え、
 * サイトに無いものだけをここに --map-* で残した。
 */

:root {
  /* 色（サイトの変数に同じものが無いもの） */
  --map-press: #fffafb;                        /* 一覧の行を押している間の地 */
  --map-pin: #7a4b47;                          /* 大分類の分からない店のピン・方位針の北の針（js/map/map-controls.js） */
  --map-ink-faint: #a08c8a;                    /* いちばん薄い文字（件数・履歴の印）。白地で 3.18:1 なので読ませる文字には使わない */
  --map-line: rgba(179, 125, 121, 0.28);       /* 薄い区切り線（ローズを薄めたもの） */

  /* 文字の大きさ（画面の幅で少し変わる。サイトの --fs-* とは別の刻み） */
  --map-fs-sm: clamp(0.8125rem, 0.79rem + 0.1vw, 0.875rem);
  --map-fs-base: clamp(0.9375rem, 0.88rem + 0.28vw, 1.0625rem);
  --map-fs-lg: clamp(1.125rem, 1.04rem + 0.38vw, 1.3125rem);

  /* 角丸（ひとつまちは角を立てた意匠なので小さめ） */
  --map-radius-md: 8px;
  --map-radius-lg: 12px;
  --map-radius-xl: 16px;

  /* 影 */
  --map-shadow-raise: 0 1px 2px rgba(90, 60, 58, 0.08), 0 2px 6px rgba(90, 60, 58, 0.06);
  --map-shadow-card: 0 2px 4px rgba(90, 60, 58, 0.06), 0 8px 20px rgba(90, 60, 58, 0.1);
  --map-shadow-float: 0 -2px 10px rgba(90, 60, 58, 0.1), 0 -12px 32px rgba(90, 60, 58, 0.08);

  /* 重なりの順: 地図の上のボタン < シート < 検索の帯 < 絞り込みのパネル */
  --map-z-sticky: 100;
  --map-z-sheet: 200;
  --map-z-overlay: 300;
  --map-z-modal: 400;
}