/* ============================================
   Design Variables — 账目站（沿用博客「蚀羽棕」设计令牌）
   无纯白、无纯黑。所有颜色带轻微风化感。
   ============================================ */

:root,
[data-theme="light"] {
  --color-bg:            #FCFAF7;
  --color-card:          #FFFDF9;
  --color-surface:       #F5F0EA;
  --color-surface-hover: #EFE8E0;
  --color-border:        #E5DED6;

  --color-text:          #262626;
  --color-text-secondary:#5A5048;
  --color-text-muted:    #8A8078;
  --color-heading:       #1A1A1A;

  --color-accent:        #5C3D2A;
  --color-accent-hover:  #4A2E1C;
  --color-accent-subtle: #B8A090;

  --color-divider:       #D8D2C8;

  /* 图表分类色（固定映射，已通过 CVD 校验） */
  --chart-cat-1: #2a78d6; /* 餐饮 */
  --chart-cat-2: #eb6834; /* 交通 */
  --chart-cat-3: #1baf7a; /* 购物 */
  --chart-cat-4: #eda100; /* 娱乐 */
  --chart-cat-5: #e87ba4; /* 日用 */
  --chart-cat-6: #008300; /* 学习 */
  --chart-cat-7: #6250d6; /* 其他 */

  /* 基础/额外：暖棕 + 金黄（已通过对比度与色觉校验） */
  --chart-base:  #A0522D;
  --chart-extra: #DAA520;

  /* 涨跌/超支节省（红=超支/增加，绿=节省/减少） */
  --color-up:    #C0392B;
  --color-down:  #2E7D4F;
}

[data-theme="dark"] {
  --color-bg:            #15151A;
  --color-card:          #1C1C24;
  --color-surface:       #1E1E24;
  --color-surface-hover: #26262E;
  --color-border:        #3A3A42;

  --color-text:          #EDE9E2;
  --color-text-secondary:#A8A098;
  --color-text-muted:    #787068;
  --color-heading:       #F2EFE9;

  --color-accent:        #D2B8A2;
  --color-accent-hover:  #E0C8B2;
  --color-accent-subtle: #5C4E42;

  --color-divider:       #2E2E36;

  /* 图表分类色（深色模式对应步阶） */
  --chart-cat-1: #3987e5;
  --chart-cat-2: #d95926;
  --chart-cat-3: #199e70;
  --chart-cat-4: #c98500;
  --chart-cat-5: #d55181;
  --chart-cat-6: #008300;
  --chart-cat-7: #9085e9;

  /* 深色下用深赭石 + 暖杏色：CVD/对比度通过，亮度带略放宽以换取更柔和的观感 */
  --chart-base:  #A85A32;
  --chart-extra: #D98A5A;

  --color-up:    #E57373;
  --color-down:  #66BB6A;
}

html { transition: background-color 1.2s ease; }

body {
  background-color: var(--color-bg);
  color: var(--color-text);
  transition: background-color 1.2s ease, color 1.2s ease;
}