/* =====================================================================
 * tokens.css —— 皮肤变量接口（一键换肤唯一入口）
 * ---------------------------------------------------------------------
 *  :root            = 默认「日式白」主题（生成り纸感底 / 墨字 / 朱红主色）
 *  [data-theme]     = 切换即可换肤，组件一律 var(--xxx)，禁止硬编码颜色。
 * ===================================================================== */

:root {
  /* —— 日式白配色（生成り off-white / 墨 sumi / 朱 vermilion / 苔 moss） —— */
  --bg-color:        #F2F0E9;   /* 生成り：温白底 */
  --surface-color:   #FFFFFF;   /* 白：卡片 */
  --surface-2:       #F8F6F0;   /* 略沉卡面 */
  --text-primary:    #2B2A27;   /* 墨：主文字 */
  --text-secondary:  #8C887F;   /* 鼠：次文字 */
  --border-color:    rgba(43,42,39,0.10);
  --border-strong:   rgba(43,42,39,0.24);
  --shadow-soft:     0 1px 2px rgba(43,42,39,0.05);
  --shadow-card:     0 8px 24px rgba(43,42,39,0.08);
  --primary-color:   #B5492F;   /* 朱：主题强调 */
  --primary-soft:    rgba(181,73,47,0.10);
  --danger-color:    #9E2B25;   /* 暗朱红：警告 */
  --danger-soft:     rgba(158,43,37,0.10);
  --success-color:   #5B7B52;   /* 苔绿：涨 */
  --error-color:     #C0392B;   /* 红：跌 */
  --warn-color:      #B8862F;   /* 萱茶：提示 */

  --radius:      14px;
  --radius-sm:   9px;
  --radius-lg:   22px;
  --tap-min:     44px;

  --topbar-h:    56px;
  --rail-width:  23%;
  --rail-min:    180px;
  --z-topbar:    40;
  --z-rail:      45;
  --z-overlay:   60;

  --fs-display:  26px;
  --fs-title:    18px;
  --fs-body:     14px;
  --fs-caption:  12px;
}

/* 暗色主题（备用，set data-theme="dark" 即可启用） */
[data-theme="dark"] {
  --bg-color:        #0e1116;
  --surface-color:   #171b22;
  --surface-2:       #1f242d;
  --text-primary:    #e9edf2;
  --text-secondary:  #8b94a3;
  --border-color:    rgba(255,255,255,0.10);
  --border-strong:   rgba(255,255,255,0.28);
  --shadow-soft:     0 1px 2px rgba(0,0,0,0.4);
  --shadow-card:     0 8px 28px rgba(0,0,0,0.45);
  --primary-color:   #5b8cff;
  --primary-soft:    rgba(91,140,255,0.14);
  --danger-color:    #b3261e;
  --danger-soft:     rgba(179,38,30,0.16);
  --success-color:   #2faa6a;
  --error-color:     #e5484d;
  --warn-color:      #e8a33d;
}