/* =========================================================================
   A377Tool · 设计令牌（Design Tokens）
   全站唯一配色/形状/排版来源。所有页面 :root 只应该引用这里的变量。

   命名约定：--ui-*   （避免和各页面既有的 --bg / --a / --s3 / --primary 冲突）
   主题：html[data-theme="light"|"dark"]，由 /assets/theme.js 负责写入。
   ========================================================================= */

:root{
  /* ---------- 品牌 ---------- */
  --ui-accent:      #c96442;   /* 赤陶 */
  --ui-accent-ink:  #a44e30;
  --ui-accent-soft: #fbf0eb;
  --ui-on-accent:   #ffffff;

  /* ---------- 中性面板 ---------- */
  --ui-bg:          #faf9f5;
  --ui-surface:     #ffffff;
  --ui-sunken:      #f4f2ec;
  --ui-line:        #e8e6dc;
  --ui-line-strong: #d6d3c6;

  /* ---------- 文字 ---------- */
  --ui-ink:   #1c1b19;
  --ui-ink-2: #57544d;
  --ui-ink-3: #918c80;

  /* ---------- 语义 ---------- */
  --ui-ok:        #5f7a4a;  --ui-ok-soft:   #f1f5ec;
  --ui-err:       #a83a2c;  --ui-err-soft:  #fdf1ef;
  --ui-warn:      #8a6d1f;  --ui-warn-soft: #fdf6e3;
  --ui-info:      #3a6ea5;  --ui-info-soft: #eef4fa;

  /* ---------- 形状 ---------- */
  --ui-r-sm: 8px;
  --ui-r-md: 11px;
  --ui-r-lg: 16px;
  --ui-r-full: 999px;

  /* ---------- 阴影 / 动效 ---------- */
  --ui-shadow-1: 0 1px 2px rgba(28,27,25,.04);
  --ui-shadow-2: 0 6px 20px rgba(28,27,25,.10);
  --ui-shadow-3: 0 18px 48px rgba(28,27,25,.18);
  --ui-ease: cubic-bezier(.16,1,.3,1);
  --ui-dur: .18s;

  /* ---------- 排版 ---------- */
  --ui-font: "Segoe UI","PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --ui-mono: ui-monospace,SFMono-Regular,"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;

  /* ---------- 顶栏高度（shell.js 会覆盖成实测值）---------- */
  --shell-h: 46px;
  color-scheme: light;
}

html[data-theme="dark"]{
  --ui-accent:      #e08a63;
  --ui-accent-ink:  #f0a37f;
  --ui-accent-soft: #2e211a;
  --ui-on-accent:   #1c1b19;

  --ui-bg:          #16140f;
  --ui-surface:     #1e1b16;
  --ui-sunken:      #25211a;
  --ui-line:        #332e26;
  --ui-line-strong: #4a4237;

  --ui-ink:   #f2efe8;
  --ui-ink-2: #b8b1a4;
  --ui-ink-3: #837c6f;

  --ui-ok:        #8fbf72;  --ui-ok-soft:   #1e2618;
  --ui-err:       #e8735f;  --ui-err-soft:  #2b1a17;
  --ui-warn:      #d9b45f;  --ui-warn-soft: #2a2417;
  --ui-info:      #7fb0e0;  --ui-info-soft: #172029;

  --ui-shadow-1: 0 1px 2px rgba(0,0,0,.35);
  --ui-shadow-2: 0 6px 20px rgba(0,0,0,.45);
  --ui-shadow-3: 0 18px 48px rgba(0,0,0,.60);
  color-scheme: dark;
}

/* 用户系统里开了「减少动态效果」就全站关掉过渡 */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}