/* ============================================
   Swiss Design Tokens — 国际主义排印风格
   修改配色只需改这个文件
   ============================================ */

:root {
  /* ----- 底色系统 ----- */
  --bg:            #F4F4F4;
  --bg-warm:       #F8F8F8;
  --card:          #FFFFFF;
  --card-hover:    #FAFAFA;

  /* ----- 文字层级 ----- */
  --text:          #111111;
  --text-secondary:#666666;
  --text-faint:    #AAAAAA;

  /* ----- 强调色（唯一彩色）----- */
  --accent:        #CC3333;
  --accent-light:  rgba(204,51,51,0.06);
  --accent-strong: #AA2222;

  /* ----- 边框（1px 在 4-8% 不透明度）----- */
  --border:        rgba(0,0,0,0.08);
  --border-light:  rgba(0,0,0,0.04);

  /* ----- 圆角 ----- */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;

  /* ----- 间距 scale（4px 基准）----- */
  --sp-xs:  4px;
  --sp-sm:  8px;
  --sp-md:  12px;
  --sp-lg:  16px;
  --sp-xl:  20px;
  --sp-2xl: 24px;
  --sp-3xl: 32px;

  /* ----- 字体 ----- */
  --font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
  --font-mono: "SF Mono","JetBrains Mono","Fira Code",monospace;

  /* ----- 阴影（细线 + 浅投影）----- */
  --shadow-card: 0 0 0 1px rgba(0,0,0,0.04),0 2px 4px rgba(0,0,0,0.04);
  --shadow-float: 0 0 0 1px rgba(0,0,0,0.06),0 8px 24px rgba(0,0,0,0.06);
  --shadow-nav: 0 -1px 0 rgba(0,0,0,0.06),0 -4px 12px rgba(0,0,0,0.04);

  /* ----- 图表色板（8 色灰阶 + accent）----- */
  --chart-1: #CC3333;
  --chart-2: #333333;
  --chart-3: #555555;
  --chart-4: #777777;
  --chart-5: #999999;
  --chart-6: #BBBBBB;
  --chart-7: #888888;
  --chart-8: #666666;
}