/* web/tokens.css — dao 共享设计 token
 * 依据：.claude/skills/ui-design（dao 暖棕规范）+ ui-ux-pro-max（UX 模块化比例/4px 网格/focus-states）。
 * 三页（admin/index/login）<link> 共享 —— 改这里，全站跟着变。 */

:root{
  /* 颜色（白/中性灰黑，干净极简） */
  --primary:#1f1f1f; --primary-hover:#000; --accent:#4a4a4a;
  --bg:#fafafa; --surface:#fff; --selected:#f0f0f0;
  --border:#e5e5e5; --border-soft:#f0f0f0;
  --text:#1f1f1f; --text-2:#555; --muted:#999; --danger:#c00;
  /* 间距（4px 网格） */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px;
  /* 字体（模块化比例 12/14/16/18/24） */
  --fs-cap:12px; --fs-body:14px; --fs-h3:16px; --fs-h2:18px; --fs-h1:24px; --lh:1.6;
  /* 圆角 */
  --r-sm:6px; --r-md:8px; --r-lg:12px;
  /* 阴影（仅 3 层，flat modern） */
  --sh-1:0 1px 2px rgba(0,0,0,.04);
  --sh-2:0 4px 12px rgba(0,0,0,.08);
  --sh-3:0 8px 24px rgba(0,0,0,.12);
  /* 字体栈 */
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
}

/* 通用基础 */
*{box-sizing:border-box}
body{font-family:var(--font);color:var(--text);background:var(--bg);line-height:var(--lh);margin:0}
input,textarea,select,button{font-family:inherit;font-size:var(--fs-body)}
a{color:var(--primary)}

/* 无障碍：统一 focus ring（ui-ux-pro-max · focus-states：可见焦点环） */
input:focus,textarea:focus,select:focus,button:focus,a:focus,[tabindex]:focus{outline:2px solid var(--accent);outline-offset:1px}

/* 通用卡片（ui-design：白底 + 暖边 + 圆角 + 阴影 1 层） */
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-1);padding:var(--sp-4)}

/* 标题层级（模块化字号） */
h1{font-size:var(--fs-h1);line-height:1.3}
h2{font-size:var(--fs-h2);line-height:1.3}
h3{font-size:var(--fs-h3);line-height:1.4}