/* 设计令牌：明暗双主题。完整浅色调色板定义在裸 :root 上，深色只覆盖变量。 */

:root {
  color-scheme: light dark;

  --bg:            #f6f4f0;
  --bg-panel:      #ffffff;
  --bg-sunken:     #eceae5;
  --bg-code:       #f0eeea;

  --fg:            #1c1a17;
  --fg-muted:      #5f5a52;
  --fg-faint:      #8d8880;

  --border:        #dcd8d0;
  --border-strong: #bdb7ac;

  --accent:        #8a5a2b;
  --accent-fg:     #ffffff;
  --accent-soft:   #f2e6d8;

  --ok:            #1a7f37;
  --ok-soft:       #e4f2e6;
  --warn:          #9a6700;
  --warn-soft:     #fbf1d8;
  --danger:        #b62324;
  --danger-soft:   #fbe6e6;
  --info:          #2b5f9e;
  --info-soft:     #e4ecf7;

  --radius:        10px;
  --radius-sm:     6px;
  --shadow:        0 1px 2px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.05);

  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
          "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg:            #16140f;
    --bg-panel:      #201d17;
    --bg-sunken:     #100e0a;
    --bg-code:       #262218;

    --fg:            #ece7dd;
    --fg-muted:      #a9a196;
    --fg-faint:      #77716a;

    --border:        #34302a;
    --border-strong: #4d4740;

    --accent:        #d9a066;
    --accent-fg:     #1a1611;
    --accent-soft:   #33281c;

    --ok:            #56d364;
    --ok-soft:       #17301b;
    --warn:          #e3b341;
    --warn-soft:     #33280f;
    --danger:        #f85149;
    --danger-soft:   #3a1a19;
    --info:          #79b8ff;
    --info-soft:     #16273b;

    --shadow:        0 1px 2px rgba(0,0,0,.4), 0 4px 14px rgba(0,0,0,.3);
  }
}

:root[data-theme="dark"] {
  --bg:            #16140f;
  --bg-panel:      #201d17;
  --bg-sunken:     #100e0a;
  --bg-code:       #262218;

  --fg:            #ece7dd;
  --fg-muted:      #a9a196;
  --fg-faint:      #77716a;

  --border:        #34302a;
  --border-strong: #4d4740;

  --accent:        #d9a066;
  --accent-fg:     #1a1611;
  --accent-soft:   #33281c;

  --ok:            #56d364;
  --ok-soft:       #17301b;
  --warn:          #e3b341;
  --warn-soft:     #33280f;
  --danger:        #f85149;
  --danger-soft:   #3a1a19;
  --info:          #79b8ff;
  --info-soft:     #16273b;

  --shadow:        0 1px 2px rgba(0,0,0,.4), 0 4px 14px rgba(0,0,0,.3);
}