/* ===========================================================================
   tokens.css —— 设计变量。查看页与管理页共用，改这里即可全局调风格。
   基调：近白底、细线、单一低饱和强调色，靠留白和对齐撑质感。
   =========================================================================== */

:root {
    /* 颜色 */
    --bg: #fafaf9;
    --surface: #ffffff;
    --surface-2: #f5f5f4;
    --surface-3: #efeeec;
    --line: #e7e5e4;
    --line-strong: #d6d3d1;
    --text: #1c1917;
    --text-2: #57534e;
    --muted: #8a8580;
    --accent: #3f6b5c;
    --accent-hover: #355a4d;
    --accent-soft: #eef4f1;
    --danger: #a8453c;
    --danger-soft: #fbeeec;
    --warn: #8a6d3b;
    --overlay: rgba(28, 25, 23, 0.55);
    --photo-bg: #141312;

    /* 字号 */
    --fs-xs: 12px;
    --fs-sm: 13px;
    --fs-base: 14px;
    --fs-md: 16px;
    --fs-lg: 20px;
    --fs-xl: 26px;

    /* 间距 */
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 24px;
    --sp-6: 32px;
    --sp-7: 48px;

    /* 形状 */
    --radius-sm: 6px;
    --radius: 10px;
    --radius-lg: 14px;
    --radius-pill: 999px;

    /* 阴影：只用于浮层，不用发光 */
    --shadow-1: 0 1px 2px rgba(28, 25, 23, 0.06);
    --shadow-2: 0 4px 16px rgba(28, 25, 23, 0.10);
    --shadow-3: 0 12px 32px rgba(28, 25, 23, 0.16);

    /* 字体：只用系统字体，不下载中文字体包 */
    --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
        "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC",
        sans-serif;
    --font-num: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

    /* 动效：克制，只做淡入与位移 */
    --dur: 150ms;
    --ease: cubic-bezier(0.2, 0, 0.2, 1);

    /* 布局 */
    --header-h: 56px;
    --safe-top: env(safe-area-inset-top, 0px);
    --safe-bottom: env(safe-area-inset-bottom, 0px);
    --z-map: 1;
    --z-header: 500;
    --z-sheet: 600;
    --z-viewer: 800;
    --z-modal: 900;
    --z-toast: 1000;
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg: #1b1a19;
        --surface: #242322;
        --surface-2: #2c2b2a;
        --surface-3: #35332f;
        --line: #3a3836;
        --line-strong: #4a4845;
        --text: #f1efed;
        --text-2: #c3bfba;
        --muted: #918c86;
        --accent: #7ea895;
        --accent-hover: #8fbaa6;
        --accent-soft: #26302c;
        --danger: #d98b82;
        --danger-soft: #33262441;
        --overlay: rgba(0, 0, 0, 0.65);
        --photo-bg: #0e0e0d;
        --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4);
        --shadow-2: 0 4px 16px rgba(0, 0, 0, 0.45);
        --shadow-3: 0 12px 32px rgba(0, 0, 0, 0.55);
    }
    /* 高德底图在暗色下略降亮度，避免刺眼 */
    .leaflet-tile-pane { filter: brightness(0.88) saturate(0.9); }
}