/* ═══════════════════════════════════════════════════
   铁口直断 V62 商用版 — CSS Design Tokens
   中国传统色体系 + 响应式间距 + 字体层级
   ═══════════════════════════════════════════════════ */

:root {
  /* ── 主色系：深藏青（渊衡阁品牌色）── */
  --primary-900: #0F1D3D;
  --primary-800: #152752;
  --primary-700: #1A3368;
  --primary-600: #1E3F80;
  --primary-500: #254E9A;
  --primary-400: #3D6CB8;
  --primary-300: #5F8ED2;
  --primary-200: #8BB4E8;
  --primary-100: #C0D6F5;
  --primary-50:  #E8F0FB;

  /* ── 辅助色系 ── */
  --cinnabar:   #C0392B;   /* 朱砂红 — 重点强调 */
  --vermillion: #B5343A;  /* 深红 — 警告/凶 */
  --jade:       #2D7D46;   /* 翠绿 — 吉/成功 */
  --indigo:     #3A6FB5;   /* 靛蓝 — 事业/理性 */
  --purple:     #8E44AD;   /* 紫 — 人际 */
  --orange:     #E67E22;   /* 橙 — 财运 */
  --cyan:       #16A085;   /* 青 — 健康 */
  --rose:       #C0392B;   /* 玫红 — 感情 */

  /* ── 中性色 ── */
  --ink-900: #1A1208;
  --ink-800: #2C2416;
  --ink-700: #3D2E0F;
  --ink-600: #5C4A2A;
  --ink-500: #7A6845;
  --ink-400: #9E8B6A;
  --ink-300: #C4B494;
  --ink-200: #E0D5C0;
  --ink-100: #F0E8D8;
  --ink-50:  #FAF6EE;
  --white:   #FFFFFF;

  /* ── 功能色 ── */
  --success:  #2D7D46;
  --warning:  #D4A017;
  --danger:   #C0392B;
  --info:     #3A6FB5;

  /* ── 品牌背景 ── */
  --bg-page:     #FBF7ED;
  --bg-card:     #FFFFFF;
  --bg-card-alt: #FAF6EE;
  --bg-input:    #FEFCF6;
  --bg-disabled: #F0E8D8;

  /* ── 边框 ── */
  --border-light:  #E8DCC8;
  --border-medium: #D4C4A0;
  --border-heavy:  #B8A478;

  /* ── 阴影层 ── */
  --shadow-xs:   0 1px 2px rgba(92, 61, 14, 0.04);
  --shadow-sm:   0 2px 8px rgba(92, 61, 14, 0.06);
  --shadow-md:   0 4px 16px rgba(92, 61, 14, 0.08);
  --shadow-lg:   0 8px 32px rgba(92, 61, 14, 0.12);
  --shadow-xl:   0 16px 48px rgba(92, 61, 14, 0.16);

  /* ── 圆角 ── */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-full: 999px;

  /* ── 间距系统 (4px基准) ── */
  --space-0:  0;
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* ── 字体 ── */
  --font-sans: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", -apple-system, sans-serif;
  --font-serif: "Noto Serif SC", "STSong", "SimSun", "KaiTi", "STKaiti", serif;
  --font-mono: "SF Mono", "Menlo", "Consolas", monospace;

  /* ── 字体大小 ── */
  --text-xs:   11px;
  --text-sm:   12px;
  --text-base: 14px;
  --text-md:   15px;
  --text-lg:   18px;
  --text-xl:   22px;
  --text-2xl:  28px;
  --text-3xl:  36px;

  /* ── 行高 ── */
  --leading-tight:  1.3;
  --leading-normal: 1.6;
  --leading-relaxed: 1.8;
  --leading-loose:  2.2;

  /* ── 字体粗细 ── */
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* ── 过渡 ── */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;

  /* ── 布局 ── */
  --header-height: 56px;
  --sidebar-width: 220px;
  --max-content: 1100px;

  /* ── Z-index ── */
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-modal: 300;
  --z-toast: 400;
}

/* ── 暗色主题 (后续可切换) ── */
[data-theme="dark"] {
  --bg-page:     #1A1208;
  --bg-card:     #2C2416;
  --bg-card-alt: #3D2E0F;
  --bg-input:    #2C2416;
  --bg-disabled: #1A1208;
  --ink-900: #FBF7ED;
  --ink-800: #F0E8D8;
  --ink-700: #E0D5C0;
  --ink-600: #D4C4A0;
  --ink-500: #B8A478;
  --ink-400: #9E8B6A;
  --ink-300: #7A6845;
  --ink-200: #5C4A2A;
  --ink-100: #3D2E0F;
  --ink-50:  #2C2416;
  --border-light:  #3D2E0F;
  --border-medium: #5C4A2A;
  --border-heavy:  #7A6845;
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.4);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.5);
}