/* ==========================================================================
   号管家 · 设计令牌 Design Tokens
   风格基调：暖白纸感底 · 珊瑚橙主色 · 衬线标题 · 大留白 · 极轻阴影
   ========================================================================== */

:root {
  /* ---------- 底色：暖白纸感 ---------- */
  --bg-canvas:  #F5F4EF;
  --bg-surface: #FFFFFF;
  --bg-subtle:  #EFEDE6;
  --bg-sunken:  #E8E6DD;
  --bg-hover:   #F2F0E9;
  --bg-overlay: rgba(31, 30, 28, .32);

  /* ---------- 主色：珊瑚橙 ---------- */
  --brand-50:  #FBF3F0;
  --brand-100: #F6E5DE;
  --brand-200: #EFCCC0;
  --brand-300: #E0A48F;
  --brand-400: #D4805F;
  --brand-500: #C96442;
  --brand-600: #B4553A;
  --brand-700: #94452F;

  /* ---------- 文字 ---------- */
  --text-1: #1F1E1C;
  --text-2: #4A4741;
  --text-3: #8C877D;
  --text-4: #B0ABA1;
  --text-inverse: #FAF9F5;

  /* ---------- 描边 ---------- */
  --border:        #E3E0D8;
  --border-strong: #D2CEC3;
  --border-light:  #EEEBE3;

  /* ---------- 语义色（低饱和，与暖底协调） ---------- */
  --success:    #4F7A52;
  --success-bg: #EAF0EA;
  --warning:    #B8862F;
  --warning-bg: #F7F0E0;
  --danger:     #B4483C;
  --danger-bg:  #F8E9E7;
  --info:       #4A6E8C;
  --info-bg:    #E9EFF4;
  --neutral:    #8C877D;
  --neutral-bg: #EFEDE6;

  /* ---------- 图表色板 ---------- */
  --chart-1: #C96442;
  --chart-2: #4A6E8C;
  --chart-3: #4F7A52;
  --chart-4: #B8862F;
  --chart-5: #7B5EA7;
  --chart-6: #3DA5A5;
  --chart-7: #D9884F;
  --chart-8: #9A8C7A;

  /* ---------- 圆角 ---------- */
  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 24px;
  --r-pill: 999px;

  /* ---------- 字体 ---------- */
  --font-serif: "Songti SC", "Noto Serif SC", "Source Han Serif SC", Georgia, "Times New Roman", serif;
  --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB",
               "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "SF Mono", "JetBrains Mono", "Cascadia Code", Consolas, "Courier New", monospace;

  /* ---------- 阴影：极轻 ---------- */
  --shadow-xs: 0 1px 2px rgba(31, 30, 28, .04);
  --shadow-sm: 0 2px 6px rgba(31, 30, 28, .05);
  --shadow-md: 0 4px 16px rgba(31, 30, 28, .07);
  --shadow-lg: 0 12px 32px rgba(31, 30, 28, .10);

  /* ---------- 间距（4px 基准） ---------- */
  --sp-1: 4px;   --sp-2: 8px;   --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 24px;  --sp-6: 32px;  --sp-7: 48px;  --sp-8: 64px;

  /* ---------- 布局 ---------- */
  --topbar-h: 56px;
  --sidebar-w: 232px;
  --sidebar-w-collapsed: 64px;
  --content-max: 1480px;

  /* ---------- 动效 ---------- */
  --ease: cubic-bezier(.22, .61, .36, 1);
  --dur-fast: .14s;
  --dur: .22s;
}

/* ==========================================================================
   深色模式
   ========================================================================== */
[data-theme="dark"] {
  --bg-canvas:  #1B1B19;
  --bg-surface: #262624;
  --bg-subtle:  #302F2C;
  --bg-sunken:  #201F1D;
  --bg-hover:   #33322E;
  --bg-overlay: rgba(0, 0, 0, .55);

  --brand-50:  #2A211E;
  --brand-100: #3A2A24;
  --brand-200: #5A3D33;
  --brand-300: #8A5946;
  --brand-400: #B87356;
  --brand-500: #D97757;
  --brand-600: #E28D6E;
  --brand-700: #EFB49C;

  --text-1: #F2F0EA;
  --text-2: #C9C5BC;
  --text-3: #928D83;
  --text-4: #6C6862;
  --text-inverse: #1F1E1C;

  --border:        #3A3936;
  --border-strong: #4A4844;
  --border-light:  #302F2C;

  --success:    #7BA87E;  --success-bg: #232B23;
  --warning:    #D6A94F;  --warning-bg: #2E2718;
  --danger:     #D97066;  --danger-bg:  #2E1F1D;
  --info:       #7BA3C4;  --info-bg:    #1E262C;
  --neutral:    #928D83;  --neutral-bg: #2C2B28;

  --shadow-xs: 0 1px 2px rgba(0, 0, 0, .25);
  --shadow-sm: 0 2px 6px rgba(0, 0, 0, .30);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, .35);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, .45);
}