/* ============================================================
   一诺CMS - 设计令牌系统 (Design Tokens)
   中式雅致风格 · 数字文人书房
   暖米色底 / 墨色文字 / 朱砂红点缀 / 宋体衬线标题
   ============================================================ */

:root {
  /* === 品牌色系（朱砂红）=== */
  --color-primary: #a63d2f;
  --color-primary-light: #c25a48;
  --color-primary-dark: #84291e;
  --color-primary-bg: #f7ebe6;
  --color-primary-border: #e7cfc5;
  /* 主色透明梯度（用于 hover/选中态淡底） */
  --color-primary-alpha-08: rgba(166, 61, 47, 0.08);
  --color-primary-alpha-12: rgba(166, 61, 47, 0.12);
  --color-primary-alpha-24: rgba(166, 61, 47, 0.24);

  /* === 功能色（暖调语义色）=== */
  --color-success: #5a7d5a;
  --color-warning: #b9822e;
  --color-danger: #a63d2f;
  --color-info: #5a6b7d;

  /* === 中性色（暖棕灰，带墨色暖调，避免纯灰）=== */
  --color-white: #fdfbf6;
  --color-gray-50: #faf7f0;
  --color-gray-100: #f3eee3;
  --color-gray-200: #e8e1d2;
  --color-gray-300: #d8cfbd;
  --color-gray-400: #b8ad9a;
  --color-gray-500: #978b76;
  --color-gray-600: #756b58;
  --color-gray-700: #574f40;
  --color-gray-800: #383229;
  --color-gray-900: #241f18;

  /* === 文字色 === */
  --color-text: #2c2620;
  --color-text-primary: #2c2620;
  --color-text-secondary: #6f675a;
  --color-text-tertiary: #a39a8a;
  --color-text-inverse: #fdfbf6;
  --color-text-link: var(--color-primary);

  /* === 背景色（宣纸米色）=== */
  --color-bg-body: #f4efe4;
  --color-bg-card: #fdfbf5;
  --color-bg-elevated: #fdfbf5;
  --color-bg-dark: #2a251d;
  --color-bg-overlay: rgba(36, 31, 24, 0.5);
  --color-bg-sidebar: #fdfbf5;
  --color-bg-header: rgba(253, 251, 245, 0.92);
  --color-bg-hover: #f3eee3;

  /* === 边框色 === */
  --color-border: #e6dfd0;
  --color-border-light: #efe9dc;

  /* === 字体 === */
  --font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  /* 标题衬线字体（宋体/明朝体，中式雅致）*/
  --font-family-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC",
    "STSong", "SimSun", "Times New Roman", serif;
  --font-family-mono: "SF Mono", "JetBrains Mono", "Fira Code", Consolas,
    "Courier New", monospace;

  /* === 字号 === */
  --font-size-xs: 0.75rem;    /* 12px */
  --font-size-sm: 0.875rem;   /* 14px */
  --font-size-base: 1rem;     /* 16px */
  --font-size-lg: 1.125rem;   /* 18px */
  --font-size-xl: 1.25rem;    /* 20px */
  --font-size-2xl: 1.5rem;    /* 24px */
  --font-size-3xl: 1.875rem;  /* 30px */
  --font-size-4xl: 2.25rem;   /* 36px */

  /* === 行高 === */
  --line-height-tight: 1.3;
  --line-height-normal: 1.65;
  --line-height-relaxed: 1.8;
  --line-height-loose: 2;

  /* === 字重 === */
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* === 间距 (基于 4px 栅格) === */
  --space-1: 0.25rem;   /* 4px */
  --space-2: 0.5rem;    /* 8px */
  --space-3: 0.75rem;   /* 12px */
  --space-4: 1rem;      /* 16px */
  --space-5: 1.25rem;   /* 20px */
  --space-6: 1.5rem;    /* 24px */
  --space-8: 2rem;      /* 32px */
  --space-10: 2.5rem;   /* 40px */
  --space-12: 3rem;     /* 48px */
  --space-16: 4rem;     /* 64px */

  /* === 圆角（方正感，中式克制）=== */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --radius-xl: 8px;
  --radius-full: 9999px;

  /* === 阴影（柔和暖调）=== */
  --shadow-sm: 0 1px 2px rgba(60, 45, 30, 0.04);
  --shadow-md: 0 2px 8px -2px rgba(60, 45, 30, 0.08);
  --shadow-lg: 0 8px 24px -6px rgba(60, 45, 30, 0.12);
  --shadow-xl: 0 16px 40px -12px rgba(60, 45, 30, 0.18);

  /* === 过渡（指数缓动，流畅）=== */
  --transition-fast: 160ms cubic-bezier(0.25, 0.8, 0.25, 1);
  --transition-normal: 260ms cubic-bezier(0.25, 0.8, 0.25, 1);
  --transition-slow: 420ms cubic-bezier(0.22, 1, 0.36, 1);

  /* === 布局 === */
  --header-height: 64px;
  --sidebar-width: 240px;
  --ad-sidebar-width: 280px;
  --content-max-width: 1400px;
  --container-padding: var(--space-6);

  /* === Z-Index === */
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-fixed: 300;
  --z-modal: 400;
  --z-toast: 500;
}