/* 公益地图 设计变量：暖绿主色 + 橙色强调，中性色偏绿 */
:root {
  --c-bg: #f4f6f1;
  --c-surface: #ffffff;
  --c-surface-2: #eef2eb;
  --c-sunken: #e6ebe2;
  --c-ink: #1d2821;
  --c-ink-2: #4b5a50;
  --c-muted: #7c8a80;
  --c-line: #dbe2d7;
  --c-line-strong: #c2ccbf;

  --c-primary: #2e7a57;
  --c-primary-hover: #256848;
  --c-primary-soft: #e1efe6;
  --c-primary-ink: #ffffff;
  --c-accent: #e07a2e;
  --c-accent-soft: #fcebdd;

  --c-ok: #2e7a57;
  --c-ok-soft: #e1efe6;
  --c-warn: #b7791f;
  --c-warn-soft: #fbf0d9;
  --c-danger: #c2412d;
  --c-danger-soft: #fbe4df;
  --c-info: #2f6f9f;
  --c-info-soft: #e0edf6;
  --c-neutral-soft: #eceeea;

  --c-overlay: rgba(20, 30, 24, 0.45);
  --c-map-bg: #eef1ea;
  --shadow-1: 0 1px 2px rgba(29, 40, 33, 0.06), 0 1px 1px rgba(29, 40, 33, 0.04);
  --shadow-2: 0 8px 28px rgba(29, 40, 33, 0.14);

  --f-sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --f-display: "Noto Serif SC", "Songti SC", "SimSun", serif;
  --f-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 26px;

  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 14px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --c-bg: #121814;
    --c-surface: #1a221d;
    --c-surface-2: #212a24;
    --c-sunken: #0e1310;
    --c-ink: #e4ebe5;
    --c-ink-2: #b3c0b6;
    --c-muted: #8a988e;
    --c-line: #2d3830;
    --c-line-strong: #3d4a41;
    --c-primary: #5cb88a;
    --c-primary-hover: #74c89c;
    --c-primary-soft: #1f3a2c;
    --c-primary-ink: #0d1a13;
    --c-accent: #f0995a;
    --c-accent-soft: #3d2816;
    --c-ok: #5cb88a;
    --c-ok-soft: #1f3a2c;
    --c-warn: #e0ac55;
    --c-warn-soft: #3a2e17;
    --c-danger: #ec7a66;
    --c-danger-soft: #3e1f1a;
    --c-info: #74a9d4;
    --c-info-soft: #1b2e3d;
    --c-neutral-soft: #262e28;
    --c-overlay: rgba(0, 0, 0, 0.6);
    --c-map-bg: #1d2420;
    --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-2: 0 8px 28px rgba(0, 0, 0, 0.5);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --c-bg: #121814;
  --c-surface: #1a221d;
  --c-surface-2: #212a24;
  --c-sunken: #0e1310;
  --c-ink: #e4ebe5;
  --c-ink-2: #b3c0b6;
  --c-muted: #8a988e;
  --c-line: #2d3830;
  --c-line-strong: #3d4a41;
  --c-primary: #5cb88a;
  --c-primary-hover: #74c89c;
  --c-primary-soft: #1f3a2c;
  --c-primary-ink: #0d1a13;
  --c-accent: #f0995a;
  --c-accent-soft: #3d2816;
  --c-ok: #5cb88a;
  --c-ok-soft: #1f3a2c;
  --c-warn: #e0ac55;
  --c-warn-soft: #3a2e17;
  --c-danger: #ec7a66;
  --c-danger-soft: #3e1f1a;
  --c-info: #74a9d4;
  --c-info-soft: #1b2e3d;
  --c-neutral-soft: #262e28;
  --c-overlay: rgba(0, 0, 0, 0.6);
  --c-map-bg: #1d2420;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-2: 0 8px 28px rgba(0, 0, 0, 0.5);
}